Dolphin アイコン

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

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

simple-icons:dolphin

Dolphin アイコン(simple-icons:dolphin)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.195 5.308a7 7 0 0 0-.804.026c-1.223.108-1.834.504-2.135.691c-.135.083-.344.1-.518.062c-3.518-1.08-6.743-.62-8.363-.142c-3.228.951-3.893 2.885-4.098 3.978c-.07.295-.093.532-.13.67c-.115.443-1.565 1.225-1.029 1.78c.517.534 1.423.478 2.08.216c1.494-.592 2.652-.809 4.599-.882h.021c.181-.003.338-.034.475.091c.16.149.708 1.308 1.927 2.16c1.363.953 2.772.913 2.86.768v-.002h.002l.002-.002v-.002c.036-.12-.315-.2-1.063-1.13c-.646-.804-.592-1.645.036-1.49l.04.007c3.447.901 5.748 2.922 5.868 2.947v.002h.002l.002-.002l.002-.002v-.008c.166-.229-.958-2.957-3.871-4.586c-3.297-1.843-6.389-.971-7.061-.693c-.162-.272.967-1.383 3.377-1.476c5.4-.209 8.744 2.753 10.578 4.56c2.25 2.217 3.923 5.853 3.973 5.846l.002-.002h.002v-.004h.004c.12-.125-.2-2.393-.885-4.045c-.881-2.126-1.966-3.69-3.525-5.148a15.6 15.6 0 0 0-2.153-1.69c-.114-.079-.254-.183-.337-.328c.434-1.003 2.046-1.04 2.213-1.13l.007-.005l.002-.002v-.002l.002-.004c.085-.183-.424-.966-2.107-1.023z"/></svg>

Dolphin アイコンの使い方

React

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

<Icon icon="simple-icons:dolphin" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:dolphin" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:dolphin" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="simple-icons:dolphin"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Simple Icons をすべて見る →