Ícone Astro
thesvg:astro
O ícone Astro (thesvg:astro) é um ícone SVG gratuito da coleção theSVG de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG 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
- 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="currentColor" d="M8.358 20.162c-1.186-1.07-1.532-3.316-1.038-4.944c.856 1.026 2.043 1.352 3.272 1.535c1.897.283 3.76.177 5.522-.678c.202-.098.388-.229.608-.36c.166.473.209.95.151 1.437c-.14 1.185-.738 2.1-1.688 2.794c-.38.277-.782.525-1.175.787c-1.205.804-1.531 1.747-1.078 3.119l.044.148a3.16 3.16 0 0 1-1.407-1.188a3.3 3.3 0 0 1-.544-1.815c-.004-.32-.004-.642-.048-.958c-.106-.769-.472-1.113-1.161-1.133c-.707-.02-1.267.411-1.415 1.09c-.012.053-.028.104-.045.165zm-5.961-4.445s3.24-1.575 6.49-1.575l2.451-7.565c.092-.366.36-.614.662-.614s.57.248.662.614l2.45 7.565c3.85 0 6.491 1.575 6.491 1.575L16.088.727C15.93.285 15.663 0 15.303 0H8.697c-.36 0-.615.285-.784.727z"/></svg>
Como usar o ícone Astro
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:astro" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:astro" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:astro" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--astro]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:astro"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:astro"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg/astro.svg" alt="Ícone Astro" width="24" height="24">
O ícone Astro em outras coleções
Perguntas frequentes sobre Ícone Astro
O ícone Astro é grátis para uso comercial?
Sim. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Astro no React?
Instale @iconify/react e renderize <Icon icon="thesvg:astro" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Astro a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg/astro.svg" alt="Ícone Astro">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones theSVG →
ICONYZ
