Merman アイコン

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

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

openmoji:merman

Merman アイコン(openmoji:merman)は、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="#61b2e4" d="M33.892 59.467L44.35 51.01l8.047 3.77s-8.818 11.163-18.504 4.686"/><path fill="#92d3f5" d="M26.857 51.72a3.36 3.36 0 0 0 2.63-2.907c.487-2.61 3.856 2.765 4.944-1.648c0 0 6.945 1.493 6.043-2.197l4.107 5.176s-1.658 4.155-5.894 3.113c0 0 1.43 5.9-3.445 4.23c0 0 .646 1.893-3.547.129Z"/><path fill="none" stroke="#92d3f5" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M38.671 53.009a3.01 3.01 0 0 1-4.747 3.608"/><path fill="none" stroke="#92d3f5" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M43.423 49.4a3.013 3.013 0 0 1-4.752 3.61"/><path fill="none" stroke="#61b2e4" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M30.152 49.285c.358 1.373.087 2.692-1.231 3.129c-1.32.44-1.505-1.034-1.863-2.41"/><path fill="none" stroke="#61b2e4" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M35.52 47.699a2.816 2.816 0 0 1-5.387 1.586"/><path fill="none" stroke="#61b2e4" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M40.907 46.111a2.817 2.817 0 0 1-5.388 1.588"/><path fill="#61b2e4" d="M23.648 42.714s.115 2.515 1.647.346s5.841 3.354 8.674-.203c0 0 4.77 2.313 5.493-1.416l1.966 5.059s-2.341 4.425-5.753 1.706c0 0-1.619 4.714-5.35 1.157c0 0-.327 5.076-4.664 1.144Z"/><path fill="#92d3f5" d="M59.26 43.908c2.009.915-3.162 9.868-5.707 9.252s4.01-10.022 5.707-9.252"/><path fill="#92d3f5" d="M53.767 53.94c-1.139-2.357 10.29-3.266 10.77-1.467c.572 2.135-9.63 3.824-10.77 1.466"/><path fill="#fcea2b" d="M24.718 30.29s-5.307 7.477-9.966 6.845l-.158-3s3.87-.08 9.871-8.291l12.397-.632s3.631 1.343 4.896 6.633c.781 3.272 1.37 5.945 2.178 7.28a4.3 4.3 0 0 1 .563 1.485c-.078 1.586-3.502 2.128-4.154-.434c-1.815-2.371-1.527 2.611-1.527 2.611l-14.59.452"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-miterlimit="10" d="M15.237 34.36c7.326-2.57 6.312-8.997 10.883-8.997h9.97c4.571 0 5.774 7.548 7.406 15.246"/><path stroke-linecap="round" stroke-miterlimit="10" d="m24.739 31.15l-.388 9.867a21.67 21.67 0 0 0 9.564 17.805s7.697 6.61 19.437-5.503M39.473 40.452l-2.265-9.302"/><path stroke-linecap="round" stroke-miterlimit="10" d="M53.236 53.456c-10.73 1.05-13.763-13.06-13.763-13.06"/><path stroke-linecap="round" stroke-linejoin="round" d="M14.956 63.363v-52"/><path stroke-linecap="round" stroke-miterlimit="10" d="M8.957 16.368c0 3.8 2.627 6.882 5.87 6.882s5.87-3.081 5.87-6.882l-.266-4.89"/><path stroke-linecap="round" stroke-miterlimit="10" d="M20.697 16.368c0 3.8-2.628 6.882-5.87 6.882s-5.87-3.081-5.87-6.882l.264-4.89M53.43 53.185s-.855-7.077 6.143-9.604"/><path stroke-linecap="round" stroke-miterlimit="10" d="M59.539 43.58s.857 7.076-6.141 9.605"/><path stroke-linecap="round" stroke-miterlimit="10" d="M54.593 53.92s4.755-5.311 11.27-1.717"/><path stroke-linecap="round" stroke-miterlimit="10" d="M65.84 52.178s-4.753 5.31-11.27 1.715M39.533 40.86c0 1.444-4.007 2.624-8.595 2.624c-4.592 0-6.586-1.063-6.586-2.508"/><path stroke-miterlimit="10" d="M36.194 16.644a4.666 4.666 0 1 1-4.666-4.665h.001a4.666 4.666 0 0 1 4.665 4.665Z"/></g></svg>

Merman アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

OpenMoji の関連アイコン

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

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

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

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

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

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

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

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

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