Иконка Star Struck
fluent-emoji:star-struck
Иконка Star Struck (fluent-emoji:star-struck) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- starstruck
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#ik9o6Ph)"><path fill="url(#iuezoob)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#iE8QcEd)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ivEnSkc)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#iWiImqb)" fill-opacity=".6" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ibBjvec)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ipSnfmL)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ilqJk5c)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#i6j9Pab)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><g filter="url(#iB9IFId)"><path fill="url(#ifS8Osb)" d="M25.5 18L19 12.5l6-1.5z"/></g><g filter="url(#ipDjVsd)"><path fill="url(#iDUQxxd)" d="M13.5 14.5L7 14l4.5-4z"/></g><g filter="url(#iKOMdJe)"><path fill="url(#iY9a8Wd)" d="M16.5 6h2c1.6 1.6 1.333 4.667 1 6l-3 1L18 9.5z"/></g><g filter="url(#i86Bh5W)"><path fill="url(#iRuXxwb)" d="M3 8h2c1.6 1.6 1.333 4.667 1 6l-3 2l1.5-4.5z"/></g><path fill="url(#i3lbH6d)" stroke="url(#iSbWHld)" stroke-width=".5" d="m8.624 12.865l-3.05 2.372a.15.15 0 0 1-.242-.132l.3-3.285a2.25 2.25 0 0 0-1.149-2.171L2.5 8.548a.5.5 0 0 1 .058-.902l2.529-1.012a2.25 2.25 0 0 0 1.37-1.647l.472-2.359a.47.47 0 0 1 .837-.19l1.364 1.82a2.25 2.25 0 0 0 2.004.89l3.493-.318a.15.15 0 0 1 .133.24l-1.786 2.38a2.25 2.25 0 0 0-.289 2.186l1.412 3.528l-3.65-.73a2.25 2.25 0 0 0-1.823.43Z"/><path fill="url(#iOO4Fdc)" stroke="url(#iCSrOsd)" stroke-width=".5" d="m23.376 12.865l3.05 2.372a.15.15 0 0 0 .242-.132l-.3-3.285a2.25 2.25 0 0 1 1.149-2.171L29.5 8.548a.5.5 0 0 0-.058-.902l-2.529-1.012a2.25 2.25 0 0 1-1.37-1.647l-.472-2.359a.47.47 0 0 0-.837-.19l-1.364 1.82a2.25 2.25 0 0 1-2.004.89l-3.493-.318a.15.15 0 0 0-.133.24l1.786 2.38a2.25 2.25 0 0 1 .289 2.186l-1.412 3.528l3.65-.73a2.25 2.25 0 0 1 1.823.43Z"/><path fill="url(#iwcV7de)" d="M16 26c-9 0-9-9-9-9h18s0 9-9 9"/><path fill="url(#i9qY4mB)" d="M8 17.5V17h16v.5a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1"/></g><defs><radialGradient id="iuezoob" cx="0" cy="0" r="1" gradientTransform="rotate(132.839 10.786 10.065)scale(37.5033)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="iE8QcEd" cx="0" cy="0" r="1" gradientTransform="rotate(131.878 10.74 10.193)scale(38.9487)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="ivEnSkc" cx="0" cy="0" r="1" gradientTransform="rotate(101.31 2.876 12.808)scale(17.8466 22.8581)" gradientUnits="userSpaceOnUse"><stop offset=".788" stop-color="#F59639" stop-opacity="0"/><stop offset=".973" stop-color="#FF7DCE"/></radialGradient><radialGradient id="iWiImqb" cx="0" cy="0" r="1" gradientTransform="matrix(-29 29 -29 -29 18 14)" gradientUnits="userSpaceOnUse"><stop offset=".315" stop-opacity="0"/><stop offset="1"/></radialGradient><radialGradient id="ibBjvec" cx="0" cy="0" r="1" gradientTransform="rotate(77.692 -2.555 18.434)scale(28.1469)" gradientUnits="userSpaceOnUse"><stop offset=".508" stop-color="#7D6133" stop-opacity="0"/><stop offset="1" stop-color="#715B32"/></radialGradient><radialGradient id="ipSnfmL" cx="0" cy="0" r="1" gradientTransform="matrix(7.5 10.99996 -7.97335 5.4364 16.5 16.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB849"/><stop offset="1" stop-color="#FFB847" stop-opacity="0"/></radialGradient><radialGradient id="ilqJk5c" cx="0" cy="0" r="1" gradientTransform="matrix(11.49998 2 -2 11.49998 20.5 18)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA64B"/><stop offset=".9" stop-color="#FFAE46" stop-opacity="0"/></radialGradient><radialGradient id="i6j9Pab" cx="0" cy="0" r="1" gradientTransform="rotate(43.971 -9.827 29.173)scale(59.0529)" gradientUnits="userSpaceOnUse"><stop offset=".185" stop-opacity="0"/><stop offset="1" stop-opacity=".4"/></radialGradient><radialGradient id="iY9a8Wd" cx="0" cy="0" r="1" gradientTransform="matrix(-4.5 3 -3 -4.5 20 10)" gradientUnits="userSpaceOnUse"><stop offset=".116" stop-color="#EC812A"/><stop offset="1" stop-color="#FBA84C" stop-opacity="0"/></radialGradient><radialGradient id="iRuXxwb" cx="0" cy="0" r="1" gradientTransform="rotate(158.199 2.248 7.174)scale(5.38516)" gradientUnits="userSpaceOnUse"><stop stop-color="#CC7521"/><stop offset="1" stop-color="#E6872B" stop-opacity="0"/></radialGradient><radialGradient id="iwcV7de" cx="0" cy="0" r="1" gradientTransform="matrix(0 -11 22 0 16 28)" gradientUnits="userSpaceOnUse"><stop stop-color="#F70A8D"/><stop offset="1" stop-color="#89029C"/></radialGradient><linearGradient id="ifS8Osb" x1="23.5" x2="21.814" y1="11.5" y2="14.667" gradientUnits="userSpaceOnUse"><stop offset=".37" stop-color="#EC812A"/><stop offset="1" stop-color="#FBA84C" stop-opacity="0"/></linearGradient><linearGradient id="iDUQxxd" x1="10.5" x2="10.25" y1="11.5" y2="14.025" gradientUnits="userSpaceOnUse"><stop stop-color="#C85F27"/><stop offset="1" stop-color="#C85F27" stop-opacity="0"/></linearGradient><linearGradient id="i3lbH6d" x1="7.5" x2="10" y1="1" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="#7912B2"/><stop offset="1" stop-color="#CF1DA1"/></linearGradient><linearGradient id="iSbWHld" x1="15" x2="8.5" y1="6" y2="8.5" gradientUnits="userSpaceOnUse"><stop stop-color="#A82D9C"/><stop offset="1" stop-color="#BF33B1" stop-opacity="0"/></linearGradient><linearGradient id="iOO4Fdc" x1="22" x2="22.5" y1="2.5" y2="14.5" gradientUnits="userSpaceOnUse"><stop stop-color="#7912B2"/><stop offset="1" stop-color="#CF1DA1"/></linearGradient><linearGradient id="iCSrOsd" x1="29.5" x2="23.5" y1="6" y2="6.5" gradientUnits="userSpaceOnUse"><stop stop-color="#B51AA6"/><stop offset="1" stop-color="#BF33B1" stop-opacity="0"/></linearGradient><linearGradient id="i9qY4mB" x1="16" x2="16" y1="17" y2="18.5" gradientUnits="userSpaceOnUse"><stop stop-color="#D5A8FE"/><stop offset="1" stop-color="#fff"/></linearGradient><filter id="iB9IFId" width="8.5" height="9" x="18" y="10" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_23_461" stdDeviation=".5"/></filter><filter id="ipDjVsd" width="8.5" height="6.5" x="6" y="9" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_23_461" stdDeviation=".5"/></filter><filter id="iKOMdJe" width="5.253" height="9" x="15.5" y="5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_23_461" stdDeviation=".5"/></filter><filter id="i86Bh5W" width="5.253" height="10" x="2" y="7" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_23_461" stdDeviation=".5"/></filter><clipPath id="ik9o6Ph"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Как использовать иконку Star Struck
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:star-struck" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:star-struck" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:star-struck" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--star-struck]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:star-struck"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:star-struck"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/star-struck.svg" alt="Иконка Star Struck" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Star Struck в других наборах
Вопросы и ответы: Иконка Star Struck
Можно ли бесплатно использовать иконку Star Struck в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Star Struck в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:star-struck" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Star Struck на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/star-struck.svg" alt="Иконка Star Struck">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.