Star3 Filled アイコン
reicon:star3-filled
Star3 Filled アイコン(reicon:star3-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.406 6.073c.572-.639.964-1.074 1.28-1.338c.32-.266.425-.239.458-.23c.043.013.157.064.315.477c.154.404.293.997.494 1.858l.12.516c.093.403.17.738.364 1.008c.199.278.488.442.818.63l.064.035l.357.204c.707.403 1.183.676 1.493.924c.297.238.349.38.353.501c.005.128-.042.287-.327.574c-.294.295-.752.636-1.424 1.136l-.399.296c-.317.235-.584.433-.756.728c-.169.289-.22.627-.284 1.045l-.081.527c-.137.884-.232 1.496-.356 1.922c-.07.24-.137.373-.193.45c-.108-.04-.253-.1-.423-.181a6.5 6.5 0 0 1-1.517-1.022l-.312-.28l-.014-.013a7 7 0 0 0-.43-.37a1.4 1.4 0 0 0-.474-.25c-.324-.094-.659-.031-1.02.037l-.077.014l-.4.075c-.794.147-1.325.243-1.706.25c-.366.007-.443-.072-.484-.129c-.058-.08-.111-.236-.022-.674c.089-.436.289-1.017.58-1.857l.172-.497c.138-.4.25-.72.237-1.057c-.013-.34-.148-.646-.315-1.024l-.208-.47c-.35-.795-.591-1.343-.711-1.762c-.119-.415-.082-.583-.022-.685c.05-.085.139-.175.5-.22c.38-.047.915-.026 1.714.008l.404.017l.076.004c.367.016.703.03 1.015-.107c.303-.134.532-.39.795-.685l.055-.061z"/><path d="M10.918 6.574c-.156-.668-.288-1.234-.43-1.679L17.12 6.82c.044.012.158.063.316.476c.154.404.293.997.493 1.859l.12.516q.04.172.08.327l-6.013-1.665l-.303-.173c-.43-.244-.509-.301-.564-.379c-.062-.086-.1-.206-.221-.73zm3.425 3.413l5.007 1.387l.304.173c.707.403 1.183.676 1.493.924c.297.238.348.38.353.501c.004.128-.042.288-.328.574c-.294.295-.751.636-1.423 1.136l-.4.296c-.188.14-.358.266-.502.408l-6.805-1.974l.359-.267c.63-.468 1.15-.853 1.502-1.207c.367-.368.638-.784.618-1.316a1.4 1.4 0 0 0-.178-.635m-2.969 4.273l7.013 2.034c-.03.141-.053.293-.078.457l-.08.527c-.078.5-.192.947-.313 1.325c-.213.665-.267.758-.427.85c-.07.04-.134.056-.27.041c-.165-.018-.378-.078-.741-.184l-5.795-1.68q.103-.222.172-.464c.145-.497.25-1.175.378-2.012l.075-.488c.027-.174.048-.305.066-.407"/></g></svg>Star3 Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:star3-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:star3-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:star3-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--star3-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:star3-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:star3-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/star3-filled.svg" alt="Star3 Filled アイコン" width="24" height="24">Reicon の関連アイコン
Star3 Filled アイコン のよくある質問
Star3 Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Star3 Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:star3-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Star3 Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/star3-filled.svg" alt="Star3 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。