1
resposta

Logo Apeperia

Olá, como vai? Sou iniciante no mundo da programação e estou começando a aprender sobre HMTL, CSS e JS e ao analisar o código usado para construir o site da Apeperia fiquei com dúvida sobre qual ferramenta foi utilizada para desenvolver o logotipo e em qual curso, ou que tipo conteúdo posso buscar para aprender sobre o tema, saberia me dizer?

obs: Acredito que a parte responsável pelo código seja a seguinte:

<g id="Canvas" transform="translate(-2230 1001)">
              <g id="Logo do Apeperia">
                <g id="Oval 1">
                  <use xlink:href="#path0_fill" transform="translate(2230 -988.755)" fill="#022754"/>
                </g>
                <g id="a">
                  <use xlink:href="#path1_fill" transform="translate(2239 -1001)" fill="#FFFFFF"/>
                </g>
                <g id="apeperia">
                  <use xlink:href="#path2_fill" transform="translate(2287.13 -993.208)" fill="#022754"/>
                </g>
              </g>
            </g>
            <defs>
              <path id="path0_fill" fill-rule="evenodd" d="M 22.4044 44.5283C 34.778 44.5283 44.8087 34.5603 44.8087 22.2642C 44.8087 9.968 34.778 0 22.4044 0C 10.0308 0 0 9.968 0 22.2642C 0 34.5603 10.0308 44.5283 22.4044 44.5283Z"/>
              <path id="path1_fill" d="M 16.8684 47C 16.6944 46.6086 16.5422 46.21 16.4118 45.8042C 16.2813 45.3838 16.1799 44.9635 16.1074 44.5431C 15.3537 45.4128 14.4332 46.1158 13.3461 46.6521C 12.2735 47.1884 11.0414 47.4566 9.64991 47.4566C 7.34522 47.4566 5.51162 46.8333 4.1491 45.5867C 2.80108 44.3257 2.12706 42.6153 2.12706 40.4556C 2.12706 38.2523 3.01125 36.5492 4.77963 35.3461C 6.54801 34.143 9.14259 33.5415 12.5634 33.5415L 15.803 33.5415L 15.803 31.2368C 15.803 30.1062 15.4769 29.2293 14.8246 28.606C 14.1723 27.9827 13.2084 27.6711 11.9329 27.6711C 11.2081 27.6711 10.5631 27.758 9.99779 27.932C 9.43249 28.0914 8.9759 28.2871 8.62802 28.519L 8.21492 31.0411L 3.4316 31.0411L 3.45335 25.823C 4.61294 25.0402 5.93922 24.3807 7.43219 23.8444C 8.93966 23.3081 10.5776 23.0399 12.346 23.0399C 15.2594 23.0399 17.6221 23.7574 19.434 25.1924C 21.2603 26.6129 22.1735 28.6422 22.1735 31.2803L 22.1735 40.9991C 22.1735 41.3615 22.1735 41.7021 22.1735 42.021C 22.188 42.3399 22.217 42.6443 22.2605 42.9342L 24.1955 43.1951L 24.1955 47L 16.8684 47ZM 11.3676 42.7602C 12.3242 42.7602 13.1939 42.5573 13.9766 42.1515C 14.7594 41.7311 15.3681 41.2093 15.803 40.586L 15.803 36.9985L 12.5634 36.9985C 11.2154 36.9985 10.1935 37.3174 9.49772 37.9552C 8.80196 38.5785 8.45408 39.3322 8.45408 40.2164C 8.45408 41.0136 8.70774 41.6369 9.21507 42.0862C 9.73688 42.5356 10.4544 42.7602 11.3676 42.7602Z"/>
              <path id="path2_fill" d="M 13.0802 37C 12.941 36.6869 12.8193 36.368 12.7149 36.0433C 12.6106 35.7071 12.5294 35.3708 12.4714 35.0345C 11.8684 35.7302 11.1321 36.2926 10.2624 36.7217C 9.40429 37.1507 8.41863 37.3653 7.30542 37.3653C 5.46167 37.3653 3.99479 36.8666 2.90478 35.8694C 1.82636 34.8606 1.28715 33.4922 1.28715 31.7644C 1.28715 30.0019 1.9945 28.6393 3.4092 27.6769C 4.8239 26.7144 6.89957 26.2332 9.6362 26.2332L 12.2279 26.2332L 12.2279 24.3894C 12.2279 23.485 11.967 22.7834 11.4452 22.2848C 10.9233 21.7862 10.1522 21.5369 9.13178 21.5369C 8.55199 21.5369 8.03597 21.6064 7.58373 21.7456C 7.13149 21.8731 6.76621 22.0297 6.48791 22.2152L 6.15743 24.2329L 2.33078 24.2329L 2.34817 20.0584C 3.27585 19.4322 4.33687 18.9046 5.53125 18.4755C 6.73723 18.0465 8.04756 17.832 9.46226 17.832C 11.793 17.832 13.6832 18.406 15.1327 19.5539C 16.5938 20.6903 17.3243 22.3138 17.3243 24.4242L 17.3243 32.1993C 17.3243 32.4892 17.3243 32.7617 17.3243 33.0168C 17.3359 33.2719 17.3591 33.5154 17.3939 33.7473L 18.9419 33.9561L 18.9419 37L 13.0802 37ZM 8.67954 33.6082C 9.44487 33.6082 10.1406 33.4459 10.7668 33.1212C 11.393 32.7849 11.88 32.3674 12.2279 31.8688L 12.2279 28.9988L 9.6362 28.9988C 8.55778 28.9988 7.74027 29.2539 7.18367 29.7642C 6.62706 30.2628 6.34876 30.8658 6.34876 31.5731C 6.34876 32.2109 6.55169 32.7095 6.95755 33.069C 7.375 33.4285 7.949 33.6082 8.67954 33.6082ZM 20.2986 21.2412L 20.2986 18.1798L 27.6736 18.1798L 27.9172 20.3715C 28.4738 19.5597 29.1405 18.9336 29.9175 18.4929C 30.6944 18.0523 31.5989 17.832 32.6309 17.832C 34.9617 17.832 36.7706 18.7422 38.0578 20.5628C 39.3449 22.3834 39.9885 24.7779 39.9885 27.7465L 39.9885 28.1117C 39.9885 30.8948 39.3449 33.1328 38.0578 34.8258C 36.7706 36.5188 34.9733 37.3653 32.6657 37.3653C 31.68 37.3653 30.8045 37.1855 30.0392 36.8261C 29.2739 36.455 28.6187 35.9158 28.0737 35.2084L 28.0737 40.6527L 30.5262 41.1745L 30.5262 44.2358L 20.5596 44.2358L 20.5596 41.1745L 23.0121 40.6527L 23.0121 21.763L 20.2986 21.2412ZM 34.9095 27.7465C 34.9095 25.9723 34.6138 24.5344 34.0224 23.4328C 33.431 22.3312 32.5265 21.7804 31.309 21.7804C 30.5436 21.7804 29.8885 21.9369 29.3435 22.25C 28.81 22.5631 28.3868 23.0095 28.0737 23.5893L 28.0737 31.834C 28.3868 32.3674 28.81...

Desde já agradeço pela atenção! :)

1 resposta

Fala Guilherme, beleza?

Pelo que entendi esse código é referente a uma imagem no formato svg, cujo qual pode ser chamado tanto em uma tag quando inserido em forma de texto, como é o seu caso. Um SVG pode ser exportado na maioria de aplicativos de criação de logos, imagens e etc.