Octopus Solid アイコン
streamline:octopus-solid
Octopus Solid アイコン(streamline:octopus-solid)は、Streamline セットの無料 SVG アイコンです。 14 × 14 のグリッドで描かれています。 Streamline icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 自然・エコロジー
- タグ
- octopussolid
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="M7 0a4.5 4.5 0 0 0-2.977 7.875c.337.297.528.66.55 1.024c.021.355-.113.788-.572 1.247c-.558.558-1.35.757-1.978.623a1.32 1.32 0 0 1-.734-.407C1.119 10.168 1 9.89 1 9.5a.5.5 0 0 0-1 0v.828c0 .844.299 1.618.796 2.223a.6.6 0 0 1 .28.156l.003.004l.045.036c.046.034.122.086.23.14c.212.106.55.222 1.021.222c1.505 0 2.525-1.24 2.963-2.34a.625.625 0 0 1 1.161.462c-.34.857-1.048 1.956-2.149 2.597h5.3c-1.101-.641-1.808-1.74-2.15-2.597a.625.625 0 1 1 1.162-.462c.438 1.1 1.458 2.34 2.963 2.34c.47 0 .809-.116 1.021-.223a1.5 1.5 0 0 0 .275-.175l.003-.004a.6.6 0 0 1 .28-.156A3.5 3.5 0 0 0 14 10.328V9.5a.5.5 0 1 0-1 0c0 .39-.12.668-.289.862c-.173.199-.425.34-.734.407c-.629.134-1.42-.065-1.978-.623c-.46-.46-.593-.892-.572-1.247c.022-.365.213-.727.55-1.024A4.5 4.5 0 0 0 7 0m-.964 5.25a.786.786 0 1 1-1.572 0a.786.786 0 0 1 1.572 0m2.714.786a.786.786 0 1 0 0-1.572a.786.786 0 0 0 0 1.572" clip-rule="evenodd"/></svg>Octopus Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline:octopus-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline:octopus-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline:octopus-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline--octopus-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline -->
<div class="i-streamline:octopus-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline:octopus-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline/octopus-solid.svg" alt="Octopus Solid アイコン" width="24" height="24">Streamline の関連アイコン
Octopus Solid アイコン のよくある質問
Octopus Solid アイコンは商用利用でも無料ですか?
はい。Streamline icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Octopus Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline:octopus-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Octopus Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline/octopus-solid.svg" alt="Octopus Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。