Star Rainbow Line Duotone アイコン
solar:star-rainbow-line-duotone
Star Rainbow Line Duotone アイコン(solar:star-rainbow-line-duotone)は、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、rainbowline、lineduotone、starrainbowlineduotone
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 d="M16.9456 2.84731C18.3542 2.14979 19.0585 1.80104 19.5345 2.11769C20.0104 2.43435 19.9427 3.20671 19.8074 4.75143L19.7724 5.15106C19.7339 5.59003 19.7147 5.80951 19.7834 6.00845C19.8521 6.2074 20.0008 6.36329 20.2984 6.67507L20.5694 6.95892C21.6166 8.05609 22.1402 8.60468 21.9676 9.16677C21.795 9.72887 21.0405 9.93221 19.5315 10.3389L19.1411 10.4441C18.7123 10.5597 18.4979 10.6175 18.3269 10.7517C18.156 10.8859 18.0478 11.0814 17.8314 11.4723L17.6344 11.8281C16.873 13.2038 16.4924 13.8916 15.9098 13.9223C15.3272 13.953 14.9285 13.3063 14.1312 12.013L13.925 11.6784C13.6984 11.3108 13.5851 11.1271 13.4108 11.0111C13.2365 10.8951 13.0208 10.86 12.5895 10.7898L12.1968 10.7259C10.6791 10.4789 9.92016 10.3554 9.7327 9.81228C9.54524 9.26918 10.0534 8.66616 11.0696 7.46012L11.3325 7.14811C11.6213 6.80539 11.7657 6.63403 11.8289 6.42812C11.8921 6.22222 11.867 6.00508 11.8168 5.57079L11.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.84731Z"/><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" opacity=".5"/></g></svg>Star Rainbow Line Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:star-rainbow-line-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:star-rainbow-line-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:star-rainbow-line-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--star-rainbow-line-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:star-rainbow-line-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:star-rainbow-line-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/star-rainbow-line-duotone.svg" alt="Star Rainbow Line Duotone アイコン" 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 Line Duotone アイコン のよくある質問
Star Rainbow Line Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Star Rainbow Line Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:star-rainbow-line-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Star Rainbow Line Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/star-rainbow-line-duotone.svg" alt="Star Rainbow Line Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。