Frankmd アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:frankmd

Frankmd アイコン(selfhst:frankmd)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ff6b9d" d="M437 75C388.7 26.6 324.4 0 256 0S123.3 26.6 75 75C26.6 123.3 0 187.6 0 256s26.6 132.7 75 181c48.4 48.4 112.6 75 181 75s132.7-26.6 181-75c48.4-48.4 75-112.6 75-181s-26.6-132.7-75-181"/><path fill="#7cb342" d="M418 147.6H94c-1.3 0-2.5-.2-3.6-.5V225c0 11.2.4 21.9 1.2 32.2c11.5 4 19.5 12.2 19.5 21.8c0 7.8-5.4 14.8-13.8 19.3c17.8 85.2 70.2 136.2 158.7 155.2c88.5-19 140.8-70 158.7-155.2c-8.4-4.4-13.8-11.4-13.8-19.3c0-9.5 7.9-17.8 19.5-21.8c.8-10.3 1.2-21.1 1.2-32.2v-77.9c-1.1.3-2.3.5-3.6.5M184 330.3c-29.3 0-53.1-27.1-53.1-60.3s23.8-60.3 53.1-60.3s53.1 27.1 53.1 60.3s-23.8 60.3-53.1 60.3m144 0c-29.3 0-53.1-27.1-53.1-60.3s23.8-60.3 53.1-60.3s53.1 27.1 53.1 60.3s-23.8 60.3-53.1 60.3"/><path fill="#5d4037" d="M418 84.6H94c-3 0-5.4 2.4-5.4 5.4v45c0 3 2.4 5.4 5.4 5.4h324c3 0 5.4-2.4 5.4-5.4V90c0-3-2.4-5.4-5.4-5.4"/><path fill="#2e2e2e" d="M153.4 36h10.8c3 0 5.4 2.4 5.4 5.4v43.2c0 3-2.4 5.4-5.4 5.4h-10.8c-3 0-5.4-2.4-5.4-5.4V41.4c0-3 2.4-5.4 5.4-5.4m63-9h10.8c3 0 5.4 2.4 5.4 5.4v52.2c0 3-2.4 5.4-5.4 5.4h-10.8c-3 0-5.4-2.4-5.4-5.4V32.4c0-3 2.4-5.4 5.4-5.4m72 3.6h10.8c3 0 5.4 2.4 5.4 5.4v48.6c0 3-2.4 5.4-5.4 5.4h-10.8c-3 0-5.4-2.4-5.4-5.4V36c0-3 2.4-5.4 5.4-5.4m63 10.8h10.8c3 0 5.4 2.4 5.4 5.4v37.8c0 3-2.4 5.4-5.4 5.4h-10.8c-3 0-5.4-2.4-5.4-5.4V46.8c0-3 2.4-5.4 5.4-5.4"/><path fill="#444" d="M346 167.4h-15.3V153c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7v14.4h-39.6V153c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7v14.4h-48.6V153c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7v14.4h-39.6V153c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7v14.4H166c-2 0-3.6 1.6-3.6 3.6s1.6 3.6 3.6 3.6h15.3V189c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7v-14.4h39.6V189c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7v-14.4h48.6V189c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7v-14.4h39.6V189c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7v-14.4H346c2 0 3.6-1.6 3.6-3.6s-1.6-3.6-3.6-3.6"/><path fill="#888" d="M465.7 279c0 10.4-13.3 18.9-29.7 18.9s-29.7-8.5-29.7-18.9s13.3-18.9 29.7-18.9s29.7 8.5 29.7 18.9M76 260.1c-16.4 0-29.7 8.5-29.7 18.9s13.3 18.9 29.7 18.9s29.7-8.5 29.7-18.9s-13.3-18.9-29.7-18.9"/><path fill="#fff" d="M375.7 270c0 30.3-21.4 54.9-47.7 54.9s-47.7-24.6-47.7-54.9s21.4-54.9 47.7-54.9s47.7 24.6 47.7 54.9M184 215.1c-26.3 0-47.7 24.6-47.7 54.9s21.4 54.9 47.7 54.9s47.7-24.6 47.7-54.9s-21.4-54.9-47.7-54.9"/><path fill="#2d1b4e" d="M193 252c14.9 0 27 12.1 27 27s-12.1 27-27 27s-27-12.1-27-27s12.1-27 27-27m144 0c14.9 0 27 12.1 27 27s-12.1 27-27 27s-27-12.1-27-27s12.1-27 27-27"/><path fill="#fff" d="M202 261c5 0 9 4 9 9s-4 9-9 9s-9-4-9-9s4-9 9-9m144 0c5 0 9 4 9 9s-4 9-9 9s-9-4-9-9s4-9 9-9"/><path fill="#2e2e2e" d="M229 225c-2 0-4-.6-5.6-2c-27.3-21.8-56.5-24.4-89.4-8c-4.4 2.2-9.9.4-12.1-4s-.4-9.9 4-12.1c39.2-19.6 75.8-16.3 108.6 10c3.9 3.1 4.5 8.8 1.4 12.6c-1.6 2.3-4.3 3.5-6.9 3.5m59.6-2c27.3-21.8 56.5-24.4 89.4-8c4.4 2.2 9.9.4 12.1-4s.4-9.9-4-12.1c-39.3-19.6-75.8-16.3-108.6 10c-3.9 3.1-4.5 8.8-1.4 12.6c1.8 2.2 4.4 3.4 7 3.4c1.9.1 3.9-.5 5.5-1.9"/><path fill="#444" d="M256 419.4c-25.1 0-50.3-9.4-75.2-28.1c-2.4-1.8-2.9-5.2-1.1-7.6s5.2-2.9 7.6-1.1c46.3 34.7 91.3 34.7 137.5 0c2.4-1.8 5.8-1.3 7.6 1.1s1.3 5.8-1.1 7.6c-25 18.7-50.2 28.1-75.3 28.1"/><path fill="#f99" d="M139 333c14.9 0 27 8.1 27 18s-12.1 18-27 18s-27-8.1-27-18s12.1-18 27-18m234 0c14.9 0 27 8.1 27 18s-12.1 18-27 18s-27-8.1-27-18s12.1-18 27-18" opacity=".6"/></svg>

Frankmd アイコンの使い方

React

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

<Icon icon="selfhst:frankmd" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:frankmd" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:frankmd" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:frankmd"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/frankmd.svg" alt="Frankmd アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →