Иконка Shooting Star
fluent-emoji:shooting-star
Иконка Shooting Star (fluent-emoji:shooting-star) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- shootingstar
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#irU2gcc)"><path fill="url(#iecZvqe)" d="M26.33 30H5.67C3.64 30 2 28.36 2 26.33V5.67C2 3.64 3.64 2 5.67 2h20.66C28.36 2 30 3.64 30 5.67v20.66c0 2.03-1.64 3.67-3.67 3.67"/></g><path fill="url(#iB1DSHd)" d="M26.33 30H5.67C3.64 30 2 28.36 2 26.33V5.67C2 3.64 3.64 2 5.67 2h20.66C28.36 2 30 3.64 30 5.67v20.66c0 2.03-1.64 3.67-3.67 3.67"/><path fill="url(#iqh8NOd)" d="M26.33 30H5.67C3.64 30 2 28.36 2 26.33V5.67C2 3.64 3.64 2 5.67 2h20.66C28.36 2 30 3.64 30 5.67v20.66c0 2.03-1.64 3.67-3.67 3.67"/><g filter="url(#iXUUMub)"><path fill="#190036" d="m10.82 12.568l1.922 1.727c.36.323.85.444 1.32.323l2.513-.637c1.137-.286 2.125.822 1.7 1.921l-1.007 2.605c-.166.425-.12.906.13 1.294l1.487 2.355c.646 1.016-.176 2.328-1.368 2.199l-2.447-.259a1.44 1.44 0 0 0-1.284.545l-1.515 1.94c-.74.951-2.245.628-2.532-.545l-.665-2.707a1.46 1.46 0 0 0-.84-.988l-2.578-1.08c-1.08-.453-1.2-1.94-.203-2.56l2.208-1.367a1.45 1.45 0 0 0 .684-1.173l.092-2.577c.028-1.22 1.469-1.83 2.383-1.016"/></g><path fill="url(#iBaWscb)" d="M24.49 23a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#i9oQldc)" d="M23.49 27a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#in6mpHd)" d="M4.49 25a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#ixo7Dwc)" d="M27.49 27a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#izL2gVd)" d="M5.49 11a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#ivhBayz)" d="M8.49 6a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#iqcVWGe)" d="M30 5.67C30 3.64 28.36 2 26.33 2h-7.04L9.25 11.6L19.64 24L30 13.64z"/><path fill="url(#ibGdRoE)" d="M30 5.67C30 3.64 28.36 2 26.33 2h-7.04L9.25 11.6L19.64 24L30 13.64z"/><g filter="url(#iU8u6Qd)"><path fill="url(#iflT9Vh)" d="m11.03 11.82l2.08 1.87c.39.35.92.48 1.43.35l2.72-.69c1.23-.31 2.3.89 1.84 2.08l-1.09 2.82c-.18.46-.13.98.14 1.4l1.61 2.55c.7 1.1-.19 2.52-1.48 2.38l-2.65-.28a1.56 1.56 0 0 0-1.39.59l-1.64 2.1c-.8 1.03-2.43.68-2.74-.59l-.72-2.93a1.58 1.58 0 0 0-.91-1.07l-2.79-1.17c-1.17-.49-1.3-2.1-.22-2.77l2.39-1.48c.44-.27.72-.75.74-1.27l.1-2.79c.03-1.32 1.59-1.98 2.58-1.1"/></g><defs><radialGradient id="iBaWscb" cx="0" cy="0" r="1" gradientTransform="rotate(117.491 5.665 18.602)scale(.9426)" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#CBC6BD"/><stop offset="1" stop-color="#846D95"/></radialGradient><radialGradient id="i9oQldc" cx="0" cy="0" r="1" gradientTransform="rotate(117.491 3.951 20.299)scale(.9426)" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#CBC6BD"/><stop offset="1" stop-color="#846D95"/></radialGradient><radialGradient id="in6mpHd" cx="0" cy="0" r="1" gradientTransform="rotate(117.491 -4.942 13.533)scale(.9426)" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#90827D"/><stop offset="1" stop-color="#816D94"/></radialGradient><radialGradient id="ixo7Dwc" cx="0" cy="0" r="1" gradientTransform="rotate(117.491 5.951 21.513)scale(.9426)" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#CBC6BD"/><stop offset="1" stop-color="#846D95"/></radialGradient><radialGradient id="izL2gVd" cx="0" cy="0" r="1" gradientTransform="rotate(117.491 -.193 6.836)scale(.9426)" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#BAB5AD"/><stop offset="1" stop-color="#806F85"/></radialGradient><radialGradient id="ivhBayz" cx="0" cy="0" r="1" gradientTransform="rotate(117.491 2.824 5.247)scale(.9426)" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#C4BFB6"/><stop offset="1" stop-color="#7B6B7F"/></radialGradient><radialGradient id="ibGdRoE" cx="0" cy="0" r="1" gradientTransform="matrix(-3.5625 3 -2.09403 -2.48665 29.563 2.813)" gradientUnits="userSpaceOnUse"><stop stop-color="#7A746A"/><stop offset="1" stop-color="#7A746A" stop-opacity="0"/></radialGradient><linearGradient id="iecZvqe" x1="15.999" x2="15.999" y1="29.569" y2="2.975" gradientUnits="userSpaceOnUse"><stop stop-color="#483B4D"/><stop offset="1" stop-color="#433C44"/></linearGradient><linearGradient id="iB1DSHd" x1="2" x2="6.077" y1="15.063" y2="15.063" gradientUnits="userSpaceOnUse"><stop offset=".393" stop-color="#3D3941"/><stop offset="1" stop-color="#3D3941" stop-opacity="0"/></linearGradient><linearGradient id="iqh8NOd" x1="30.875" x2="26.375" y1="18.188" y2="18.188" gradientUnits="userSpaceOnUse"><stop stop-color="#5B5559"/><stop offset="1" stop-color="#5B5559" stop-opacity="0"/></linearGradient><linearGradient id="iqcVWGe" x1="23" x2="23" y1="17.375" y2=".5" gradientUnits="userSpaceOnUse"><stop stop-color="#C29C41"/><stop offset=".933" stop-color="#51504A"/></linearGradient><linearGradient id="iflT9Vh" x1="17" x2="11.645" y1="12.591" y2="27.593" gradientUnits="userSpaceOnUse"><stop stop-color="#F3C333"/><stop offset="1" stop-color="#E8B735"/></linearGradient><filter id="irU2gcc" width="29.25" height="30.75" x=".75" y=".5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-1.5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.313726 0 0 0 0 0.188235 0 0 0 0 0.419608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_14860"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-2" dy="2"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.286275 0 0 0 0 0.266667 0 0 0 0 0.278431 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_14860" result="effect2_innerShadow_18_14860"/></filter><filter id="iXUUMub" width="18.341" height="18.941" x="2.771" y="10.197" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14860" stdDeviation="1"/></filter><filter id="iU8u6Qd" width="17.025" height="17.674" x="3.731" y="10.669" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.75" dy=".75"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.945098 0 0 0 0 0.266667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_14860"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".75" dy="-.75"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.811765 0 0 0 0 0.556863 0 0 0 0 0.27451 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_14860" result="effect2_innerShadow_18_14860"/></filter></defs></g></svg>Как использовать иконку Shooting Star
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:shooting-star" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:shooting-star" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:shooting-star" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--shooting-star]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:shooting-star"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:shooting-star"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/shooting-star.svg" alt="Иконка Shooting Star" width="24" height="24">Иконка Shooting Star в других наборах
Вопросы и ответы: Иконка Shooting Star
Можно ли бесплатно использовать иконку Shooting Star в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Shooting Star в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:shooting-star" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Shooting Star на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/shooting-star.svg" alt="Иконка Shooting Star">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.