Mermaid アイコン

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

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

file-icons:mermaid

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

アイコンセット: File Icons
作者: John Gardner
ライセンス: ISC
サイズ: 367 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="367" height="512" viewBox="0 0 367 512"><path fill="currentColor" d="M366.345 400.155c-27.789 12.2-25.511 40.695-57.078 80.032c-30.022 37.411-81.633 42.497-130.71 11.691c-14.993-9.411-52.653-20.005-70.666-54.183c-17.262-32.755-28.29-108.973-16.858-151.58c5.559-20.72 22.675-38.222 44.34-49.103c20.776-10.435 36.718-16.973 14.087-54.27c0 0-18.177 9.7-20.942 19.204c-3.875 13.32-50.47 46.958-54.122 52.437c-11.362 17.043-27.291 22.186-35.328 26.561c-1.297-7.041 17.789-16.862 9.45-18.9s-31.74 10.355-33.725 5.003c-.702-1.891 12.212-5.831 14.083-9.266c-8.339-2.038-13.342-6.115-13.342-6.115s36.32-3.335 50.959-1.111c6.676-9.818 15.01-28.908 33.355-46.327c0 0-22.862 2.552-26.445 4.386c-3.584 1.833-3.834 14.333-6.084 15s6.667-21.417-24.726-13.754c0 0-11.584 11.852-12.433 32.726c0 0-5.832-5.969-9.087-14.706c-1.713-4.598-10.622 3.255-14.22.685c8.518-5.728 10.438-15.248 9.251-26.555c-7.668 1.573-12.656-.55-16.104-4.797c15.202 1.797 27.886-20.156 39.404-53.11l-15.076 8.738c6.853-39.918 37.005-32.723 57.564-66.302c-6.566-2.276-12.138-.89-16.961 3.255c9.251-19.36 28.083 3.614 44.48-48.115c3.695-10.854 10.841-15.913 20.42-24.748c7.38-6.809 12.982-12.909 25.879-16.389c9.732-2.625 48.14 3.914 61.414 27.705c11.543 20.69 5.773 66.971-12.009 80.827c0 0-2.887 4.965 2.31 9.122c5.195 4.157 14.895 14.895 25.98 43.3c4.85 14.896 31.638 14.318 59.004 37.874c.44-8.683 5.383-16.063 10.122-22.807c5.955-8.476 12.254-15.307 16.395-15.213c16.058 10.48-9.313 30.976-9.313 30.976c2.32 1.205 6.214 1.25 11.004.633c-5.122 11.363-21.511 18.65-27.734 18.609c-14.935-.101-51.05-13.815-74.116-25.996c-5.863 5.865-11.624 21.184-18.646 36.66c-6.928 32.1 32.494 76.388-43.416 133.712c-9.786 7.39-16.656 39.408-16.252 56.579c.697 29.565 15.82 50.308 42.261 65.355c46.738-15.49 19.179-106.165 145.807-127.794c-25.89 25.643-29.72 47.502-43.733 76.064c30.07-6.087 18.56-19.088 81.557-25.993"/></svg>

Mermaid アイコンの使い方

React

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

<Icon icon="file-icons:mermaid" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:mermaid" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:mermaid" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="file-icons:mermaid"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

File Icons をすべて見る →