Ícone Azureai
thesvg-color:azureai
O ícone Azureai (thesvg-color:azureai) é 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="url(#SVGGky9iUoK)" fill-rule="evenodd" d="M16.233 0c.713 0 1.345.551 1.572 1.329s1.555 5.59 1.555 5.59v9.562h-4.813L14.645 0z" clip-rule="evenodd"/><path fill="url(#SVG0zCFWcmZ)" d="M23.298 7.47c0-.34-.275-.6-.6-.6h-2.835a3.617 3.617 0 0 0-3.614 3.615v5.996h3.436a3.617 3.617 0 0 0 3.613-3.614z"/><path fill="url(#SVGbCBr5Qtf)" fill-rule="evenodd" d="M16.233 0a.98.98 0 0 0-.989.989l-.097 18.198A4.814 4.814 0 0 1 10.334 24H1.6a.597.597 0 0 1-.567-.794l7-19.981A4.82 4.82 0 0 1 12.57 0h3.679z" clip-rule="evenodd"/><defs><linearGradient id="SVGGky9iUoK" x1="18.242" x2="14.191" y1="16.837" y2=".616" gradientUnits="userSpaceOnUse"><stop stop-color="#712575"/><stop offset=".09" stop-color="#9a2884"/><stop offset=".18" stop-color="#bf2c92"/><stop offset=".27" stop-color="#da2e9c"/><stop offset=".34" stop-color="#eb30a2"/><stop offset=".4" stop-color="#f131a5"/><stop offset=".5" stop-color="#ec30a3"/><stop offset=".61" stop-color="#df2f9e"/><stop offset=".72" stop-color="#c92d96"/><stop offset=".83" stop-color="#aa2a8a"/><stop offset=".95" stop-color="#83267c"/><stop offset="1" stop-color="#712575"/></linearGradient><linearGradient id="SVG0zCFWcmZ" x1="19.782" x2="19.782" y1=".34" y2="23.222" gradientUnits="userSpaceOnUse"><stop stop-color="#da7ed0"/><stop offset=".08" stop-color="#b17bd5"/><stop offset=".19" stop-color="#8778db"/><stop offset=".3" stop-color="#6276e1"/><stop offset=".41" stop-color="#4574e5"/><stop offset=".54" stop-color="#2e72e8"/><stop offset=".67" stop-color="#1d71eb"/><stop offset=".81" stop-color="#1471ec"/><stop offset="1" stop-color="#1171ed"/></linearGradient><linearGradient id="SVGbCBr5Qtf" x1="18.404" x2="3.236" y1=".859" y2="25.183" gradientUnits="userSpaceOnUse"><stop stop-color="#da7ed0"/><stop offset=".05" stop-color="#b77bd4"/><stop offset=".11" stop-color="#9079da"/><stop offset=".18" stop-color="#6e77df"/><stop offset=".25" stop-color="#5175e3"/><stop offset=".33" stop-color="#3973e7"/><stop offset=".42" stop-color="#2772e9"/><stop offset=".54" stop-color="#1a71eb"/><stop offset=".68" stop-color="#1371ec"/><stop offset="1" stop-color="#1171ed"/></linearGradient></defs></svg>Como usar o ícone Azureai
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:azureai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:azureai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:azureai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--azureai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:azureai"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:azureai"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/azureai.svg" alt="Ícone Azureai" width="24" height="24">O ícone Azureai em outras coleções
Perguntas frequentes sobre Ícone Azureai
O ícone Azureai é 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 Azureai no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:azureai" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Azureai a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/azureai.svg" alt="Ícone Azureai">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.