Ícone 302dotai
thesvg-color:302dotai
O ícone 302dotai (thesvg-color:302dotai) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 24 × 24. 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
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#3f3faa" d="M13.086 23.25c5.614 0 10.164-4.559 10.164-10.182S18.7 2.886 13.086 2.886S2.923 7.444 2.923 13.068c0 5.623 4.55 10.182 10.163 10.182"/><path fill="#8e47ff" d="M10.914 21.114c5.613 0 10.163-4.559 10.163-10.182S16.527.75 10.914.75S.75 5.309.75 10.932S5.3 21.114 10.914 21.114"/><path fill="#fff" d="M10.755 17.708c-.722 0-1.416-.24-1.995-.69a3.25 3.25 0 0 1-1.23-2.177a3.3 3.3 0 0 1-.006-.782q-.301.058-.618.056a3.265 3.265 0 0 1-3.261-3.262A3.27 3.27 0 0 1 7.65 7.67a3.27 3.27 0 0 1 3.241-3.638a3.266 3.266 0 0 1 3.242 3.577a3.269 3.269 0 0 1 2.694 5.693a3.23 3.23 0 0 1-2.365.782a3 3 0 0 1-.466-.066c0 .008.005.014.005.02a3.25 3.25 0 0 1-.664 2.41a3.24 3.24 0 0 1-2.583 1.259zm-1.808-4.313a2.08 2.08 0 0 0-.263 1.304a2.09 2.09 0 0 0 2.335 1.826a2.1 2.1 0 0 0 1.398-.791a2.08 2.08 0 0 0 .425-1.548a2.1 2.1 0 0 0-.405-1.004a3.3 3.3 0 0 1-.39-.462a.58.58 0 1 1 .947-.675q.065.091.137.173a.6.6 0 0 1 .111.101l.056.071a2.096 2.096 0 0 0 3.49-1.405a2.096 2.096 0 0 0-1.93-2.248a2.08 2.08 0 0 0-1.251.304a.58.58 0 0 1-.648.061a.59.59 0 0 1-.233-.796A2.102 2.102 0 0 0 10.888 5.2A2.1 2.1 0 0 0 9.14 8.457l.03.056c.61.594.993 1.42.993 2.339A3.27 3.27 0 0 1 8.947 13.4zM6.901 8.752a2.1 2.1 0 0 0-2.092 2.1c0 1.16.936 2.101 2.092 2.101a2.1 2.1 0 0 0 0-4.201"/></svg>Como usar o ícone 302dotai
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:302dotai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:302dotai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:302dotai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--302dotai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:302dotai"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:302dotai"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/302dotai.svg" alt="Ícone 302dotai" width="24" height="24">O ícone 302dotai em outras coleções
Perguntas frequentes sobre Ícone 302dotai
O ícone 302dotai é 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 302dotai no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:302dotai" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone 302dotai a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/302dotai.svg" alt="Ícone 302dotai">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.