Mercury アイコン
fontisto:mercury
Mercury アイコン(fontisto:mercury)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 15 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 15 × 24
- カテゴリ
- 性別
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="24" viewBox="0 0 15 24"><path fill="currentColor" d="M11.12 4.232a7.8 7.8 0 0 1 3.101 2.788l.019.031a7.37 7.37 0 0 1 1.186 4.031v.063v-.003l.001.1a7.4 7.4 0 0 1-1.98 5.054l.004-.005A7.48 7.48 0 0 1 8.603 18.8l-.032.003v1.768h1.302c.228 0 .413.185.413.413v.017V21v.873a.413.413 0 0 1-.413.413h-.017h.001h-1.286v1.302a.413.413 0 0 1-.413.413h-.017h.001h-.873a.413.413 0 0 1-.413-.413v-.017v.001v-1.286H5.554a.413.413 0 0 1-.413-.413v-.017v.001v-.873c0-.228.185-.413.413-.413h.017h-.001h1.286V18.8a7.48 7.48 0 0 1-4.873-2.503l-.007-.008a7.4 7.4 0 0 1-1.977-5.05l.001-.1v-.055c0-1.498.442-2.892 1.203-4.06l-.018.029a7.8 7.8 0 0 1 3.083-2.799l.045-.02A6.76 6.76 0 0 1 1.274.624L1.259.577a.4.4 0 0 1 .048-.396l-.001.001a.41.41 0 0 1 .34-.181h.015h-.001h.943c.172 0 .317.111.369.266l.001.003a5.1 5.1 0 0 0 1.856 2.281l.018.011a4.96 4.96 0 0 0 2.819.871h.05h-.003h.047c1.053 0 2.03-.326 2.836-.882l-.017.011A5.1 5.1 0 0 0 12.442.303l.012-.033a.47.47 0 0 1 .499-.268h-.003h.832c.141 0 .265.071.339.18l.001.001a.4.4 0 0 1 .046.398l.001-.003a6.76 6.76 0 0 1-3.018 3.639l-.033.017zm-3.402 12.91l.087.001a5.76 5.76 0 0 0 4.152-1.759l.001-.002a5.77 5.77 0 0 0 1.761-4.153l-.001-.092v.005l.001-.087a5.76 5.76 0 0 0-1.759-4.152l-.002-.001C10.875 5.813 9.375 5.14 7.718 5.14s-3.157.674-4.24 1.762a5.77 5.77 0 0 0-1.76 4.245v-.005l-.001.087c0 1.629.674 3.101 1.759 4.152l.002.001a5.76 5.76 0 0 0 4.154 1.761zh-.004z"/></svg>Mercury アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:mercury" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:mercury" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:mercury" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--mercury]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:mercury"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:mercury"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/mercury.svg" alt="Mercury アイコン" width="24" height="24">他のアイコンセットの Mercury アイコン
Mercury アイコン のよくある質問
Mercury アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mercury アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:mercury" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mercury アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/mercury.svg" alt="Mercury アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。