Spiral Shape Remix アイコン
streamline-flex:spiral-shape-remix
Spiral Shape Remix アイコン(streamline-flex:spiral-shape-remix)は、Flex free icons セットの無料 SVG アイコンです(作者: Streamline)。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 基本インターフェース
- タグ
- spiralshape、shaperemix、spiralshaperemix
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="M2.406 3.133C1.678 3.84 1.25 4.92 1.25 6.413c0 1.869.537 3.241 1.469 4.15C3.653 11.472 5.07 12 7 12s3.347-.527 4.281-1.438c.932-.908 1.469-2.28 1.469-4.149a.625.625 0 1 1 1.25 0c0 2.108-.61 3.84-1.846 5.045C10.92 12.659 9.15 13.25 7 13.25s-3.92-.59-5.154-1.792C.611 10.254 0 8.52 0 6.414c0-1.732.502-3.172 1.533-4.177C2.562 1.235 4.031.75 5.796.75c1.766 0 3.234.485 4.263 1.487c1.03 1.005 1.533 2.445 1.533 4.177c0 1.353-.393 2.497-1.218 3.3c-.822.802-1.987 1.18-3.364 1.18s-2.543-.378-3.365-1.18c-.825-.803-1.218-1.947-1.218-3.3c0-.965.281-1.806.894-2.402c.61-.595 1.463-.864 2.441-.864s1.832.27 2.442.864c.613.597.894 1.437.894 2.401c0 .589-.173 1.135-.58 1.532c-.405.394-.957.558-1.548.558s-1.144-.164-1.548-.558c-.408-.397-.58-.943-.58-1.532a.625.625 0 1 1 1.25 0c0 .35.098.535.202.636c.106.104.306.204.676.204s.57-.1.676-.204c.104-.1.202-.287.202-.636c0-.725-.207-1.205-.516-1.506c-.311-.303-.813-.51-1.57-.51c-.756 0-1.258.207-1.569.51c-.309.3-.516.78-.516 1.506c0 1.115.32 1.899.84 2.406c.524.51 1.337.825 2.493.825s1.969-.315 2.492-.825c.521-.507.84-1.291.84-2.405c0-1.493-.428-2.573-1.155-3.281C8.457 2.422 7.34 2 5.797 2c-1.545 0-2.662.422-3.391 1.133" clip-rule="evenodd"/></svg>Spiral Shape Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:spiral-shape-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:spiral-shape-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:spiral-shape-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--spiral-shape-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:spiral-shape-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:spiral-shape-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/spiral-shape-remix.svg" alt="Spiral Shape Remix アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Spiral Shape Remix アイコン
Spiral Shape Remix アイコン のよくある質問
Spiral Shape Remix アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Spiral Shape Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:spiral-shape-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spiral Shape Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/spiral-shape-remix.svg" alt="Spiral Shape Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。