Blowfish アイコン

Q: Blowfish アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:blowfish

Blowfish アイコン(openmoji:blowfish)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#6a462f" d="M51 35c0 11.046-8.954 20-20 20s-20-8.954-20-20s8.954-20 20-20c3.243 0 6.305.772 9.014 2.142C46.53 20.438 51 27.197 51 35"/><path fill="#6a462f" d="M39.583 16.333S48 14 49 14s.167 5.333-1.917 8.167m2.197 7.4s10.248-7.37 12.35-6.234s-.177 20.028-4.697 22.749c0 0-4.13.722-8.34-3.542m-2.095 5.642l1.951 7.362l-7.624-3.141"/><path fill="#a57939" d="M12 40.926S15 54.24 31.5 54.98S52 35.996 50 35.996s-5 6.903-7 3.944c-2.48-3.67-3-4.93-5-3.944c-1.265.623-3 7.889-5 3.944c-1.844-3.637-3-3.944-3-3.944c-4 0-3 4.93-6 4.93s-2-3.944-5-4.93s-7 4.93-7 4.93"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="m10.526 33.46l-3.052-1.92m2.819 4.888l-2.586 1.144"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m14 46l-2 1m6 4l-1 1m20.179 2.87l.642 1.26m10.293-10.311l1.772 1.362m-1.18-21.609l2.164-1.235m-16.964-9.341l.188-1.992m-7.531 2.177l-.368-2.118m-6.047 4.848l-1.296-1.822M15 23l-2-2m17.614 34.802l-.228 1.396m-6.497-2.288l-.778 1.18m16.472-39.757S48 14 49 14s.167 5.333-1.917 8.167m3.213 7.464s9.486-7.417 11.42-6.293c1.932 1.124-.263 20.023-4.444 22.765c0 0-3.813.743-7.674-3.5m-3.1 5.579l1.951 7.362l-7.624-3.141"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M12 41s4-6 7-5s2 5 5 5s2-5 6-5c0 0 1.156.312 3 4c2 4 3.735-3.367 5-4c2-1 2.52.279 5 4c2 3 5-4 7-4"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M51 35c0 11.046-8.954 20-20 20s-20-8.954-20-20s8.954-20 20-20c3.243 0 6.305.772 9.014 2.142C46.53 20.438 51 27.197 51 35"/><circle cx="34" cy="50" r="2"/><circle cx="40" cy="44" r="2"/><circle cx="22" cy="46" r="2"/><circle cx="30" cy="44" r="1"/><circle cx="17" cy="42" r="1"/><circle cx="27" cy="50" r="1"/><circle cx="40" cy="49" r="1"/></svg>

Blowfish アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:blowfish" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:blowfish" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:blowfish" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--blowfish]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:blowfish"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:blowfish"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/blowfish.svg" alt="Blowfish アイコン" width="24" height="24">

他のアイコンセットの Blowfish アイコン

Blowfish アイコンのよくある質問

Blowfish アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Blowfish アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:blowfish" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Blowfish アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/blowfish.svg" alt="Blowfish アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →