Иконка Star Rainbow Filled
reicon:star-rainbow-filled
Иконка Star Rainbow Filled (reicon:star-rainbow-filled) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" 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-.308zM9.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"/></svg>Как использовать иконку Star Rainbow Filled
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:star-rainbow-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:star-rainbow-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:star-rainbow-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--star-rainbow-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:star-rainbow-filled"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:star-rainbow-filled"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/reicon/star-rainbow-filled.svg" alt="Иконка Star Rainbow Filled" width="24" height="24">Похожие иконки в наборе Reicon
Вопросы и ответы: Иконка Star Rainbow Filled
Можно ли бесплатно использовать иконку Star Rainbow Filled в коммерческих проектах?
Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Star Rainbow Filled в React?
Установите @iconify/react и выведите <Icon icon="reicon:star-rainbow-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Star Rainbow Filled на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/star-rainbow-filled.svg" alt="Иконка Star Rainbow Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.