Ícone Atproto
thesvg-color:atproto
O ícone Atproto (thesvg-color:atproto) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 28 × 28. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 28 × 28
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path fill="#3b82f6" d="M14.362 27.78q-2.934 0-5.4-.972t-4.284-2.754a12.25 12.25 0 0 1-2.808-4.158q-.99-2.394-.99-5.202q0-3.348 1.026-5.94q1.044-2.592 2.88-4.356a12.5 12.5 0 0 1 4.284-2.7Q11.518.78 14.308.78q3.42 0 5.994 1.062t4.284 2.88a11.7 11.7 0 0 1 2.538 4.158q.828 2.322.756 4.86q-.09 3.492-1.458 5.364q-1.368 1.854-4.248 1.854a5.84 5.84 0 0 1-2.826-.702a3.7 3.7 0 0 1-1.764-2.07l1.044.054q-.738 1.386-2.016 1.944a6.5 6.5 0 0 1-2.61.558q-1.818 0-3.204-.774a5.7 5.7 0 0 1-2.178-2.214q-.792-1.422-.792-3.294q0-1.926.828-3.33a5.77 5.77 0 0 1 2.232-2.196q1.404-.774 3.168-.774q1.17 0 2.43.486q1.278.486 1.98 1.368l-.738.936V8.664h2.412l-.054 6.462q0 1.386.54 2.088t1.602.702q.936 0 1.44-.522q.522-.54.72-1.458a10.7 10.7 0 0 0 .252-2.106q.054-2.79-.828-4.698t-2.394-3.078a9.5 9.5 0 0 0-3.294-1.71q-1.8-.54-3.582-.54q-2.52 0-4.482.81q-1.962.792-3.312 2.25q-1.332 1.44-2.016 3.42q-.666 1.962-.63 4.32q.072 2.34.846 4.212a9.3 9.3 0 0 0 2.16 3.204a9.4 9.4 0 0 0 3.276 2.034q1.89.702 4.14.702q1.26 0 2.502-.288q1.26-.27 2.304-.774l1.026 2.808q-1.386.648-2.916.954a14.7 14.7 0 0 1-3.078.324m-.144-10.098q1.278 0 2.142-.738t.864-2.502q0-1.602-.774-2.412q-.756-.828-2.142-.828q-1.638 0-2.448.864t-.81 2.376q0 1.548.828 2.394q.846.846 2.34.846"/></svg>Como usar o ícone Atproto
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:atproto" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:atproto" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:atproto" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--atproto]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:atproto"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:atproto"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/atproto.svg" alt="Ícone Atproto" width="24" height="24">Perguntas frequentes sobre Ícone Atproto
O ícone Atproto é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Atproto no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:atproto" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Atproto a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/atproto.svg" alt="Ícone Atproto">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.