Ícone Star Rainbow Duotone
reicon:star-rainbow-duotone
O ícone Star Rainbow Duotone (reicon:star-rainbow-duotone) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon 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
- Reicon
- Autor
- REICON
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Astronomia
- Tags
- starrainbow, rainbowduotone, starrainbowduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.946 2.847c1.408-.697 2.112-1.046 2.589-.73c.475.317.408 1.09.272 2.634l-.035.4c-.038.439-.057.659.011.857c.069.2.218.355.515.667l.271.284c1.048 1.097 1.571 1.646 1.399 2.208c-.173.562-.927.765-2.436 1.172l-.39.105c-.43.116-.644.173-.815.308c-.171.134-.28.33-.496.72l-.197.356c-.761 1.376-1.142 2.064-1.724 2.094c-.583.031-.982-.616-1.779-1.909l-.206-.335c-.227-.367-.34-.55-.514-.667c-.175-.116-.39-.151-.822-.221l-.392-.064c-1.518-.247-2.277-.37-2.464-.914c-.188-.543.32-1.146 1.337-2.352l.262-.312c.29-.343.434-.514.497-.72s.038-.423-.012-.857l-.046-.396c-.177-1.528-.265-2.292.202-2.658s1.18-.093 2.605.455l.368.142c.405.156.608.234.821.222c.214-.01.414-.11.814-.308z"/><path d="M9.045 11.32C5.99 13.27 3.27 16.797 2.09 20.032c-.383 1.05.5 1.969 1.626 1.969H4.75c0-.351.082-.787.204-1.245c.125-.47.305-1.013.53-1.594a26 26 0 0 1 1.852-3.797c.763-1.28 1.67-2.528 2.665-3.466l.074-.069l-.069-.022a3.1 3.1 0 0 1-.961-.488m2.975.897q-.48.292-.99.774c-.857.807-1.682 1.928-2.405 3.142a24 24 0 0 0-1.742 3.569c-.21.543-.372 1.033-.48 1.44c-.11.418-.153.704-.153.859h2.833c0-1.124.39-3.206 1.094-5.292c.517-1.53 1.233-3.153 2.155-4.44zm1.278 1.296c-.675 1.044-1.25 2.346-1.7 3.676c-.678 2.007-1.015 3.915-1.015 4.812h1.289c1.126 0 2.032-.907 2.107-2.02c.13-1.915.425-3.64.762-4.867a3.1 3.1 0 0 1-.782-.677a9 9 0 0 1-.66-.924" opacity=".5"/></g></svg>
Como usar o ícone Star Rainbow Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:star-rainbow-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:star-rainbow-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:star-rainbow-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--star-rainbow-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:star-rainbow-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:star-rainbow-duotone"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/star-rainbow-duotone.svg" alt="Ícone Star Rainbow Duotone" width="24" height="24">
Ícones relacionados em Reicon
Perguntas frequentes sobre Ícone Star Rainbow Duotone
O ícone Star Rainbow Duotone é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Star Rainbow Duotone no React?
Instale @iconify/react e renderize <Icon icon="reicon:star-rainbow-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Star Rainbow Duotone a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/star-rainbow-duotone.svg" alt="Ícone Star Rainbow Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Reicon →
