Spiral Shape Solid アイコン
streamline-flex:spiral-shape-solid
Spiral Shape Solid アイコン(streamline-flex:spiral-shape-solid)は、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、shapesolid、spiralshapesolid
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.566 3.15c-.703.703-1.12 1.778-1.12 3.267c0 1.862.522 3.228 1.423 4.13c.902.902 2.269 1.424 4.131 1.424s3.229-.522 4.13-1.424c.902-.902 1.424-2.268 1.424-4.13a.625.625 0 0 1 1.25 0c0 2.092-.59 3.815-1.79 5.014c-1.199 1.2-2.922 1.79-5.014 1.79s-3.815-.59-5.015-1.79S.195 8.509.195 6.417c0-1.72.486-3.15 1.487-4.151c1-1.001 2.432-1.487 4.151-1.487s3.15.486 4.151 1.487c1 1 1.486 2.432 1.486 4.15c0 1.343-.38 2.48-1.18 3.281c-.801.8-1.938 1.18-3.28 1.18c-1.343 0-2.48-.379-3.281-1.18s-1.18-1.938-1.18-3.28c0-.956.27-1.791.865-2.386c.596-.596 1.43-.866 2.386-.866s1.791.27 2.386.866c.596.595.866 1.43.866 2.386c0 .58-.165 1.123-.561 1.52c-.397.396-.94.561-1.52.561c-.582 0-1.124-.165-1.52-.562c-.397-.396-.562-.938-.562-1.52a.625.625 0 0 1 1.25 0c0 .352.097.538.196.637c.098.098.285.195.636.195c.35 0 .537-.097.636-.195c.099-.1.195-.285.195-.636c0-.726-.202-1.205-.5-1.503c-.297-.297-.776-.5-1.502-.5c-.725 0-1.204.203-1.502.5c-.298.298-.5.777-.5 1.503c0 1.112.311 1.893.815 2.396c.503.504 1.284.814 2.396.814c1.113 0 1.894-.31 2.397-.814c.503-.503.814-1.284.814-2.396c0-1.49-.417-2.564-1.12-3.268S7.322 2.03 5.833 2.03s-2.564.417-3.267 1.12" clip-rule="evenodd"/></svg>Spiral Shape Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:spiral-shape-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:spiral-shape-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:spiral-shape-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--spiral-shape-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:spiral-shape-solid"></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-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/spiral-shape-solid.svg" alt="Spiral Shape Solid アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Spiral Shape Solid アイコン
Spiral Shape Solid アイコン のよくある質問
Spiral Shape Solid アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Spiral Shape Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:spiral-shape-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spiral Shape Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/spiral-shape-solid.svg" alt="Spiral Shape Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。