Иконка Shooting Star
fluent-emoji-high-contrast:shooting-star
Иконка Shooting Star (fluent-emoji-high-contrast:shooting-star) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Путешествия и места
- Теги
- shootingstar
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M5.67 1h20.66A4.666 4.666 0 0 1 31 5.67v20.66A4.666 4.666 0 0 1 26.33 31H5.67A4.666 4.666 0 0 1 1 26.33V5.67A4.666 4.666 0 0 1 5.67 1m12.574 2l-8.283 7.92a2.04 2.04 0 0 1 1.401.526l.002.002l2.08 1.87c.265.238.624.326.972.238l2.721-.69c1.622-.41 3.036 1.174 2.43 2.744l-1.09 2.82l-.001.002c-.122.311-.088.663.095.948l.002.003l1.609 2.549c.246.387.344.804.322 1.204L29 14.64V5.67A2.666 2.666 0 0 0 26.33 3zM8.99 5.5a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0M5.49 11a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m19.5 11.5a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m-1 4a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0M4.49 25a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m23.5 1.5a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0M8.95 12.931v.007l-.1 2.79v.001a2.07 2.07 0 0 1-.978 1.677l-2.388 1.479a1.063 1.063 0 0 0 .15 1.884l2.79 1.17a2.08 2.08 0 0 1 1.201 1.41v.002l.72 2.93a1.055 1.055 0 0 0 1.86.402l1.64-2.1l.002-.002a2.06 2.06 0 0 1 1.837-.778h.002l2.647.28h.001c.875.095 1.478-.87 1.004-1.614v-.002l-1.61-2.548a2.05 2.05 0 0 1-.184-1.85v-.001l1.09-2.818a1.061 1.061 0 0 0-1.252-1.415l-2.719.69a2.06 2.06 0 0 1-1.887-.463l-2.078-1.868l-.001-.001c-.682-.605-1.727-.141-1.747.738"/></svg>
Как использовать иконку Shooting Star
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:shooting-star" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:shooting-star" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:shooting-star" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--shooting-star]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:shooting-star"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:shooting-star"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/shooting-star.svg" alt="Иконка Shooting Star" width="24" height="24">
Иконка Shooting Star в других наборах
Вопросы и ответы: Иконка Shooting Star
Можно ли бесплатно использовать иконку Shooting Star в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Shooting Star в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:shooting-star" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Shooting Star на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/shooting-star.svg" alt="Иконка Shooting Star">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
