Иконка Star

simple-line-icons:star

Иконка Star (simple-line-icons:star) — бесплатная SVG-иконка из набора Simple line icons от Sabbir Ahmed. Она нарисована на сетке 1024 × 1024. Simple line icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple line icons
Автор: Sabbir Ahmed
Лицензия: MIT
Размер: 1024 × 1024

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m512 77.488l137.472 285.088L962.08 409.04L735.664 634.88l7.616 45.311l45.28 270.16l-276.607-148.784L235.36 950.415l45.295-270.224l7.584-45.311L61.904 409.008l312.592-46.464L395.04 320zm-.017-61.936c-28.656 0-54.784 16.176-66.977 41.456l-115.904 240.64l-266.704 39.664c-27.391 4.096-50.143 22.8-58.975 48.384c-8.817 25.664-2.145 53.904 17.199 73.152l195.408 195.2l-45.328 270.656c-4.56 27.28 7.232 54.624 30.368 70.576c12.72 8.737 27.664 13.153 42.624 13.153c12.32 0 24.64-2.992 35.793-8.977l232.496-125.184l232.512 125.184a75.85 75.85 0 0 0 35.776 8.977c14.96 0 29.905-4.416 42.657-13.153c23.103-15.952 34.91-43.295 30.319-70.576l-45.344-270.656l195.504-195.2c19.344-19.248 25.968-47.504 17.152-73.152c-8.848-25.616-31.6-44.32-58.976-48.385l-266.656-39.664l-115.968-240.64c-12.112-25.311-38.256-41.455-66.976-41.455"/></svg>

Как использовать иконку Star

React

import { Icon } from "@iconify/react";

<Icon icon="simple-line-icons:star" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-line-icons:star" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-line-icons:star" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--star]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:star"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-line-icons:star"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/simple-line-icons/star.svg" alt="Иконка Star" width="24" height="24">

Иконка Star в других наборах

Вопросы и ответы: Иконка Star

Можно ли бесплатно использовать иконку Star в коммерческих проектах?

Да. Simple line icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Star в React?

Установите @iconify/react и выведите <Icon icon="simple-line-icons:star" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Star на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-line-icons/star.svg" alt="Иконка Star">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Simple line icons →