Ícone Star
simple-line-icons:star
O ícone Star (simple-line-icons:star) é um ícone SVG gratuito da coleção Simple line icons de Sabbir Ahmed. Ele é desenhado em uma grade de 1024 × 1024. Simple line 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
- Simple line icons
- Autor
- Sabbir Ahmed
- Licença
- MIT
- Tamanho
- 1024 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m512 77.488l137.472 285.088L962.08 409.04L735.664 634.88l7.616 45.311l45.28 270.16l-276.607-148.784L235.36 950.415l45.295-270.224l7.584-45.311L61.904 409.008l312.592-46.464L395.04 320zm-.017-61.936c-28.656 0-54.784 16.176-66.977 41.456l-115.904 240.64l-266.704 39.664c-27.391 4.096-50.143 22.8-58.975 48.384c-8.817 25.664-2.145 53.904 17.199 73.152l195.408 195.2l-45.328 270.656c-4.56 27.28 7.232 54.624 30.368 70.576c12.72 8.737 27.664 13.153 42.624 13.153c12.32 0 24.64-2.992 35.793-8.977l232.496-125.184l232.512 125.184a75.85 75.85 0 0 0 35.776 8.977c14.96 0 29.905-4.416 42.657-13.153c23.103-15.952 34.91-43.295 30.319-70.576l-45.344-270.656l195.504-195.2c19.344-19.248 25.968-47.504 17.152-73.152c-8.848-25.616-31.6-44.32-58.976-48.385l-266.656-39.664l-115.968-240.64c-12.112-25.311-38.256-41.455-66.976-41.455"/></svg>
Como usar o ícone Star
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:star" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:star" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:star" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--star]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:star"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:star"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/simple-line-icons/star.svg" alt="Ícone Star" width="24" height="24">
O ícone Star em outras coleções
Perguntas frequentes sobre Ícone Star
O ícone Star é grátis para uso comercial?
Sim. Simple line icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Star no React?
Instale @iconify/react e renderize <Icon icon="simple-line-icons:star" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Star a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-line-icons/star.svg" alt="Ícone Star">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Simple line icons →
ICONYZ
