Dolphin アイコン

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

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

openmoji:dolphin

Dolphin アイコン(openmoji:dolphin)は、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="#9b9b9a" d="M35.546 38.031c-1.001.108-4.08 1.499-3.9 5.208c.262 5.418-7.642-3.134-.98-11.892"/><path fill="#9b9b9a" d="M12 33.938s-2 4 16 4h8s10-.5 15.5 9.75c.295.579.504 1.205.628 1.737c1.047 4.047-5.548 2.432-6.65 5.253c-.403 1.032-1.154 4.168-.564 4.587q.06.042.137.047c.191.009.47-.167.863-.599c2.06-1.534 4.998.511 6.987-.653c.8-.468 1.202-1.224 1.491-1.792c.462.74 1.075 2.269 2.124 2.623c1.836.55 4.589.375 5.897 3.841c1.191-3.636 2.383-6.23-2.06-9.292c-1.56-1.057-3.95-2.687-4.008-4.125c-.009-.18.398-10.23-5.575-18.566c.209-2.229 1.824-5.315 4.11-5.816c2.055-.452-3.405-4.512-11.387-.884c-10.758-6.16-23.196.029-23.548 6.733c-3.125-.25-7.87.23-7.995 2.98"/><path fill="#d0cfce" fill-rule="evenodd" d="M13.96 31.324c-1.243.467-2.134 1.224-2.187 2.393l.05.175s-1.56 3.209 11.084 3.873l7.5.127h5.416s.766-.03 1.967.125l.18.004l.082.034a17.64 17.64 0 0 1 7.56 3.023l.313.125l.19.246c1.874 1.424 3.709 3.4 5.208 6.193c.199.39.342.791.463 1.18l.946 1.22c-1.15-16.616-15.964-17.628-32.492-18.6c-3.434-.236-4.161-.34-6.28-.118"/><path fill="#9b9b9a" d="M43.469 36.098c-.76.661-2.492 3.56-.225 6.503c3.31 4.296-8.064 1.793-7.599-9.2l.85-2.902l9.3 2.737z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M28.035 37.938c-.442 5.693 3.805 9.32 3.611 5.318c-.18-3.709 2.9-5.1 3.9-5.209l-.08-.109z"/><path d="M42.202 39.165c3.082 1.228 6.694 3.67 9.298 8.523c.295.579.504 1.204.627 1.736c1.048 4.048-5.547 2.433-6.649 5.254c-.403 1.032-1.154 4.168-.564 4.587q.06.042.137.047c.19.009.47-.168.863-.6c2.06-1.533 4.998.512 6.986-.652c.8-.468 1.203-1.224 1.492-1.792c.461.74 1.075 2.269 2.124 2.623c1.835.55 4.588.375 5.896 3.841c1.192-3.637 2.383-6.23-2.059-9.292c-1.56-1.057-3.95-2.688-4.008-4.125c-.01-.18.398-10.23-5.575-18.566c.208-2.229 1.823-5.315 4.11-5.817c2.055-.45-3.405-4.51-11.388-.883c-10.758-6.16-23.196.029-23.548 6.733c-3.125-.25-7.87.23-7.97 3.068c.016.547-.146 4.087 16.026 4.087h8l.056-.001"/><path d="M43.469 36.098c-.76.661-2.492 3.56-.225 6.503c3.31 4.296-8.064 1.793-7.599-9.2"/></g></svg>

Dolphin アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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