ICONYZ
日本語
Line Awesome の Fish アイコン

Fish アイコン

la:fish

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

アイコンセット
Line Awesome
作者
Icons8
ライセンス
Apache-2.0
サイズ
32 × 32
カテゴリ
食べ物
タグ
fish solid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m10.5 6l.563 1.375c.351.855.828 2.992.718 4c-1.363.84-2.199 1.66-2.844 2.344C8.149 13.082 6.59 12 4 12H3v1c0 1.914.691 3.469.938 4c-.25.527-.938 2.027-.938 4v1h1c2.57 0 4.148-1.086 4.938-1.719c1.183 1.219 2.87 2.504 5 3.469c-.094.621-.168 1.488.093 2.5l.188.75H15c1.234 0 2.297-.613 3.156-1.156c.703-.446 1.043-.758 1.219-.907c3.977-.14 6.516-2.285 7.875-4.406C28.656 18.34 29 16.156 29 16.156l.031-.25l-.093-.25s-2.29-6.289-8.5-6.594c-.66-.8-1.583-1.464-2.875-2C16.035 6.43 14.113 6 12 6zm2.906 2.125c1.262.14 2.442.395 3.375.781c1.278.528 2.168 1.285 2.375 1.625l.282.469H20c4.996 0 6.793 4.73 6.938 5.125c-.07.367-.36 1.762-1.375 3.344C24.402 21.277 22.523 23 19 23h-.375l-.281.25s-.528.45-1.25.906c-.38.239-.703.282-1.094.438c.04-.457 0-1.125 0-1.125l.219-.875l-.813-.282c-2.476-.945-4.582-2.726-5.656-3.968l-.688-.813l-.75.75s-1.332.934-3.062 1.375c.258-1.172.656-2.218.656-2.218L6.125 17l-.219-.438s-.433-1.148-.687-2.375c1.843.407 3.093 1.532 3.093 1.532l.75.75l.688-.813c.895-1.011 3.305-3.531 6.844-4l-.282-1.969c-.957.126-1.792.403-2.593.72c-.051-.84-.094-1.563-.313-2.282M22.5 15a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>

Fish アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Line Awesome アイコン をすべて見る →