Fish アイコン

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

はい。Majesticons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

majesticons:fish

Fish アイコン(majesticons:fish)は、Majesticons セットの無料 SVG アイコンです（作者: Gerrit Halfmann）。 24 × 24 のグリッドで描かれています。 Majesticons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Majesticons
作者: Gerrit Halfmann
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.346 6.005A13 13 0 0 0 14 6c-3.633 0-7.031 2.294-9.46 4.574a21 21 0 0 1-1.716-2.14a1 1 0 1 0-1.648 1.133A23 23 0 0 0 3.133 12c-.813.89-1.48 1.74-1.957 2.434a1 1 0 1 0 1.648 1.133c.41-.596.994-1.345 1.716-2.141C6.97 15.706 10.367 18 14 18q.185 0 .365-.005a11 11 0 0 1-.592-1.732a19 19 0 0 1-.545-3.332c-.167-2.218.022-4.825 1.118-6.926m2.122 11.742q.135-.03.269-.062c2.017-.492 3.559-1.843 4.562-2.985a13.7 13.7 0 0 0 1.47-2.029q.054-.091.082-.143l.023-.042l.007-.013l.002-.004v-.001l.001-.001l-.787-.416l.787.415l.247-.466l-.247-.466l-.787.415l.787-.416l-.001-.002l-.002-.005l-.007-.012l-.023-.042a11 11 0 0 0-.387-.637A14 14 0 0 0 21.3 9.3c-1.003-1.142-2.546-2.493-4.562-2.985l-.27-.062a1 1 0 0 1-.12.278c-1.033 1.648-1.294 4.005-1.125 6.25a17 17 0 0 0 .486 2.978c.226.867.47 1.447.632 1.698q.088.139.128.29zm-5.26-7.04a1 1 0 0 0-1.415-1.414c-.272.271-.47.662-.606 1.015a5.4 5.4 0 0 0-.318 1.32c-.104.928.016 2.172.924 3.08a1 1 0 0 0 1.414-1.415c-.292-.293-.422-.8-.35-1.445c.033-.306.11-.594.197-.822c.073-.19.134-.286.152-.313q.01-.014.001-.006zM17 11a1 1 0 0 1 1-1h.001a1 1 0 1 1 0 2H18a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg>

Fish アイコンの使い方

React

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

<Icon icon="majesticons:fish" width="24" />

Vue

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

<template>
  <Icon icon="majesticons:fish" width="24" />
</template>

Svelte

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

<Icon icon="majesticons:fish" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="majesticons:fish"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/majesticons/fish.svg" alt="Fish アイコン" width="24" height="24">

Majesticons の関連アイコン

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

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

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

はい。Majesticons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Majesticons をすべて見る →