Иконка Stars3 Filled
reicon:stars3-filled
Иконка Stars3 Filled (reicon:stars3-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"><g fill="currentColor"><path d="M12.55 3.44c-.432-.931-.648-1.396-1.029-1.435s-.674.373-1.262 1.198l-.152.214c-.166.234-.25.351-.37.422c-.12.07-.263.087-.55.119l-.26.03c-1.01.112-1.514.168-1.664.52c-.15.351.154.765.761 1.592l.158.214c.172.235.258.352.29.49s.004.28-.05.564l-.05.259c-.192 1-.288 1.5 0 1.757c.289.256.77.099 1.733-.215l.249-.081c.274-.09.41-.134.55-.12s.266.086.519.23l.23.13c.89.506 1.335.759 1.663.566s.322-.704.31-1.725l-.004-.264c-.003-.29-.005-.436.05-.564c.055-.129.16-.227.371-.422l.192-.178c.742-.688 1.113-1.032 1.027-1.408c-.085-.375-.57-.534-1.54-.851L13.47 4.4c-.276-.09-.414-.135-.52-.23c-.105-.093-.166-.225-.289-.49z"/><path fill-rule="evenodd" d="M22.648 9.122a.75.75 0 0 1-.27 1.026C16.666 13.48 15.25 18.859 15.25 22a.75.75 0 1 1-1.5 0c0-3.525 1.584-9.48 7.872-13.148a.75.75 0 0 1 1.026.27M11.206 11.28a.75.75 0 0 1 .515.927c-.366 1.283-.454 3.144-.396 5.008a41 41 0 0 0 .416 4.672a.75.75 0 0 1-1.482.228a43 43 0 0 1-.434-4.853c-.059-1.894.02-3.95.454-5.467a.75.75 0 0 1 .927-.515" clip-rule="evenodd"/><path d="M5.134 13.765c-.023-.108.148-.207.23-.133c.238.213.559.457.859.537s.699.03 1.012-.036c.107-.023.206.149.133.23c-.214.238-.457.56-.537.86s-.03.698.036 1.011c.022.108-.15.207-.231.133c-.238-.213-.559-.456-.859-.537c-.3-.08-.699-.03-1.012.036c-.107.023-.206-.149-.133-.23c.214-.238.457-.56.537-.859c.08-.3.03-.7-.035-1.012"/></g></svg>Как использовать иконку Stars3 Filled
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:stars3-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:stars3-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:stars3-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--stars3-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:stars3-filled"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:stars3-filled"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/reicon/stars3-filled.svg" alt="Иконка Stars3 Filled" width="24" height="24">Похожие иконки в наборе Reicon
Вопросы и ответы: Иконка Stars3 Filled
Можно ли бесплатно использовать иконку Stars3 Filled в коммерческих проектах?
Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Stars3 Filled в React?
Установите @iconify/react и выведите <Icon icon="reicon:stars3-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Stars3 Filled на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/stars3-filled.svg" alt="Иконка Stars3 Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.