Star Duotone アイコン
reicon:star-duotone
Star Duotone アイコン(reicon:star-duotone)は、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="M18.483 16.767A8.5 8.5 0 0 1 8.118 7.081a1 1 0 0 1-.113.097c-.28.213-.63.292-1.33.45l-.635.144c-2.46.557-3.69.835-3.983 1.776c-.292.94.546 1.921 2.223 3.882l.434.507c.476.557.715.836.822 1.18c.107.345.071.717-.001 1.46l-.066.677c-.253 2.617-.38 3.925.386 4.506s1.918.052 4.22-1.009l.597-.274c.654-.302.981-.452 1.328-.452s.674.15 1.329.452l.595.274c2.303 1.06 3.455 1.59 4.22 1.01c.767-.582.64-1.89.387-4.507z"/><path d="m9.153 5.408l-.328.588c-.36.646-.54.969-.82 1.182q.06-.045.113-.097a8.5 8.5 0 0 0 10.366 9.686l-.02-.19c-.071-.743-.107-1.115 0-1.46c.107-.344.345-.623.822-1.18l.434-.507c1.677-1.96 2.515-2.941 2.222-3.882c-.292-.941-1.522-1.22-3.982-1.776l-.636-.144c-.699-.158-1.049-.237-1.33-.45c-.28-.213-.46-.536-.82-1.182l-.327-.588C13.58 3.136 12.947 2 12 2s-1.58 1.136-2.847 3.408" opacity=".5"/></g></svg>Star Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:star-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:star-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:star-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--star-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:star-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:star-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/star-duotone.svg" alt="Star Duotone アイコン" width="24" height="24">Reicon の関連アイコン
star
star-2
star-2-filled
star-circle
star-circle-duotone
star-circle-filled
star-fall
star-fall-duotone
star-fall-filled
star-fall2
star-fall2-duotone
star-fall2-filled
star-fall3
star-fall3-duotone
star-fall3-filled
star-fall4
star-fall4-duotone
star-fall4-filled
star-filled
star-off
star-off-filled
star-rainbow
star-rainbow-duotone
star-rainbow-filled
他のアイコンセットの Star Duotone アイコン
Star Duotone アイコン のよくある質問
Star Duotone アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Star Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:star-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Star Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/star-duotone.svg" alt="Star Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。