Sprout Remix アイコン
streamline:sprout-remix
Sprout Remix アイコン(streamline:sprout-remix)は、Streamline セットの無料 SVG アイコンです。 14 × 14 のグリッドで描かれています。 Streamline icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 自然・エコロジー
- タグ
- sproutremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M8.71 2.814a1.92 1.92 0 0 0-.27 2.022l1.047-1.048a.625.625 0 1 1 .884.884l-1.07 1.07a1.915 1.915 0 0 0 2.108-.232c.128-.138.268-.41.387-.83c.118-.417.197-.905.247-1.382c.045-.436.066-.849.075-1.169a16 16 0 0 0-1.184.069a8.6 8.6 0 0 0-1.393.238c-.422.116-.694.253-.83.378M7.592 5.861a3.165 3.165 0 0 1 .223-3.92c.364-.36.897-.573 1.394-.71a10 10 0 0 1 1.603-.277a17 17 0 0 1 1.909-.077h.042l.002.001h.001l-.018.625l.625-.014v.013l.001.032a12 12 0 0 1-.004.542c-.008.352-.03.835-.084 1.352a9.7 9.7 0 0 1-.288 1.594c-.14.495-.357 1.024-.72 1.387l-.035.032a3.165 3.165 0 0 1-3.71.3c-.467.87-.801 1.807-.887 2.776c3.377.184 5.526 1.773 6.244 2.67a.5.5 0 0 1-.39.813H.5a.5.5 0 0 1-.39-.812c.713-.892 2.84-2.467 6.18-2.667a4.7 4.7 0 0 0-.404-.925a6 6 0 0 0-.645-.935a2.61 2.61 0 0 1-3.278-.1c-.339-.271-.563-.685-.717-1.058a7.7 7.7 0 0 1-.374-1.238a14 14 0 0 1-.24-1.486l-.003-.026l-.001-.007v-.003l.622-.057l-.09-.619h.003l.007-.001l.026-.004a9 9 0 0 1 .428-.05c.279-.027.662-.057 1.075-.065a8 8 0 0 1 1.291.07c.399.062.854.182 1.196.446a2.61 2.61 0 0 1 .848 3.21c.266.285.52.623.742.976a10 10 0 0 1 .816-1.788m5.157-4.358l.017-.625c.333.01.6.278.607.61zM1.159 3.067l.091.619l-.622.057a.625.625 0 0 1 .531-.676m3.588 3.336a1.36 1.36 0 0 0-.323-1.95c-.083-.065-.28-.147-.624-.2a6.5 6.5 0 0 0-1.077-.056c-.28.005-.548.022-.772.04c.034.222.08.484.141.757c.08.363.183.728.309 1.031c.133.321.26.494.345.561l.025.021a1.36 1.36 0 0 0 1.961-.185l.012-.015zM1.34 4.304" clip-rule="evenodd"/></svg>Sprout Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline:sprout-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline:sprout-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline:sprout-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline--sprout-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline -->
<div class="i-streamline:sprout-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline:sprout-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline/sprout-remix.svg" alt="Sprout Remix アイコン" width="24" height="24">Streamline の関連アイコン
Sprout Remix アイコン のよくある質問
Sprout Remix アイコンは商用利用でも無料ですか?
はい。Streamline icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sprout Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline:sprout-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sprout Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline/sprout-remix.svg" alt="Sprout Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。