Star アイコン
simple-line-icons:star
Star アイコン(simple-line-icons:star)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
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>
Web コンポーネント
<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 アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Star アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Simple line icons をすべて見る →
ICONYZ
