Ícone Astro

lineicons:astro

O ícone Astro (lineicons:astro) é um ícone SVG gratuito da coleção Lineicons. Ele é desenhado em uma grade de 24 × 24. Lineicons 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: Lineicons
Autor: Lineicons
Licença: MIT
Tamanho: 24 × 24
Categoria: Normal

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.24 19.035c-.901-.826-1.164-2.561-.789-3.819c.65.793 1.552 1.044 2.486 1.186c1.44.218 2.856.137 4.195-.524c.153-.076.295-.177.462-.278c.126.365.159.734.115 1.11c-.107.915-.56 1.622-1.283 2.158c-.289.215-.594.406-.892.608c-.916.622-1.164 1.35-.82 2.41l.034.114a2.4 2.4 0 0 1-1.07-.918a2.6 2.6 0 0 1-.412-1.401c-.003-.248-.003-.497-.036-.74c-.081-.595-.36-.86-.883-.876a1.034 1.034 0 0 0-1.075.843q-.013.058-.033.126M4.1 15.007s2.666-1.303 5.34-1.303l2.016-6.26c.075-.304.296-.51.544-.51c.25 0 .47.206.545.51l2.016 6.26c3.167 0 5.34 1.303 5.34 1.303L15.363 2.602c-.13-.366-.35-.602-.645-.602H9.283c-.296 0-.506.236-.645.602c-.01.024-4.538 12.405-4.538 12.405"/></svg>

Como usar o ícone Astro

React

import { Icon } from "@iconify/react";

<Icon icon="lineicons:astro" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="lineicons:astro" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="lineicons:astro" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--astro]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:astro"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="lineicons:astro"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/lineicons/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. Lineicons 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="lineicons: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/lineicons/astro.svg" alt="Ícone Astro">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Lineicons →