Star Rainbow Broken アイコン
solar:star-rainbow-broken
Star Rainbow Broken アイコン(solar:star-rainbow-broken)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 天文
- タグ
- starrainbow、rainbowbroken、starrainbowbroken
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M11.7711 5.17542C11.5945 3.64716 11.5062 2.88303 11.9729 2.51664C12.4396 2.15025 13.1523 2.42425 14.5776 2.97224L14.9464 3.11402C15.3514 3.26974 15.554 3.3476 15.7674 3.33634C15.9808 3.32508 16.1809 3.22598 16.5812 3.02776L16.9456 2.84731C18.3542 2.14979 19.0585 1.80104 19.5345 2.11769C20.0104 2.43435 19.9427 3.20671 19.8074 4.75143M11.0696 7.46012C10.0534 8.66616 9.54524 9.26918 9.7327 9.81228C9.92016 10.3554 10.6791 10.4789 12.1968 10.7259L12.5895 10.7898C13.0208 10.86 13.2365 10.8951 13.4108 11.0111C13.5851 11.1271 13.6984 11.3108 13.925 11.6784L14.1312 12.013C14.9285 13.3063 15.3272 13.953 15.9098 13.9223C16.4924 13.8916 16.873 13.2038 17.6344 11.8281L17.8314 11.4723C18.0478 11.0814 18.156 10.8859 18.3269 10.7517C18.4979 10.6175 18.7123 10.5597 19.1411 10.4441L19.5315 10.3389C21.0405 9.93221 21.795 9.72887 21.9676 9.16677C22.1402 8.60468 21.6166 8.05609 20.5694 6.95892"/><path stroke-linejoin="round" d="M13.4108 11.0113C9.47788 11.0113 5.5 19.98 5.5 22.0002M5.5 22.0002H3.71668C2.59069 22.0002 1.70785 21.0814 2.0908 20.0316C3.47975 16.2243 7 12.0132 10.6889 10.4443M5.5 22.0002H9.83304M15.4397 13.4102C14.8757 14.1091 14.1946 16.7806 13.9793 19.98C13.9043 21.0938 12.9978 22.0002 11.8718 22.0002H9.83304M9.83304 22.0002C9.83304 19.98 11.2857 14.0195 13.9106 11.5849"/></g></svg>Star Rainbow Broken アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:star-rainbow-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:star-rainbow-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:star-rainbow-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--star-rainbow-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:star-rainbow-broken"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:star-rainbow-broken"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/star-rainbow-broken.svg" alt="Star Rainbow Broken アイコン" width="24" height="24">Solar の関連アイコン
star-2-bold
star-2-bold-duotone
star-2-broken
star-2-line-duotone
star-2-linear
star-2-outline
star-angle-bold
star-angle-bold-duotone
star-angle-broken
star-angle-line-duotone
star-angle-linear
star-angle-outline
star-bold
star-bold-duotone
star-broken
star-circle-bold
star-circle-bold-duotone
star-circle-broken
star-circle-line-duotone
star-circle-linear
star-circle-outline
star-fall-2-bold
star-fall-2-bold-duotone
star-fall-2-broken
Star Rainbow Broken アイコン のよくある質問
Star Rainbow Broken アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Star Rainbow Broken アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:star-rainbow-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Star Rainbow Broken アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/star-rainbow-broken.svg" alt="Star Rainbow Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。