Fog Bold アイコン

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

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

glyphs:fog-bold

Fog Bold アイコン(glyphs:fog-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: fogbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="m11.563 17.844l-1.665-2.497zm-3.125 2.083l1.664 2.496zM22 18.885l1.664-2.496zm-1.562-1.041l-1.664 2.496zM4 18.27a3 3 0 0 0 0 6zm31.563-.426l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM46 18.885l1.664-2.496zm-1.562-1.041l-1.664 2.496zm15.125 0l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM70 18.885l-1.664 2.496zm-1.562-1.041l-1.664 2.496zm3.125 2.083l1.664-2.496zM76 24.27a3 3 0 0 0 0-6zM9.898 15.347l-3.124 2.084l3.328 4.992l3.125-2.083zm13.766 1.042l-1.562-1.042l-3.328 4.993l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zm-6.453-2.908c-.84.56-1.806.84-2.774.84v6c2.126 0 4.255-.617 6.102-1.848zm27.124-2.084l-3.124 2.084l3.328 4.992l3.125-2.083zm-8.671 2.084l-1.563-1.042l-3.328 4.992l1.563 1.042zm22.437-1.042l-1.562-1.042l-3.328 4.993l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.203 0zm-6.453-2.908a5 5 0 0 1-5.547 0l-3.329 4.992a11 11 0 0 0 12.204 0zm27.124-2.084l-3.124 2.084l3.328 4.992l3.125-2.083zm-8.671 2.084l-1.563-1.042l-3.328 4.992l1.563 1.042zm22.437-1.042l-1.562-1.042l-3.328 4.993l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zm-6.453-2.908a5 5 0 0 1-5.547 0l-3.328 4.992a11 11 0 0 0 12.203 0zm18.453 0l-1.563-1.042l-3.328 4.992l1.563 1.042zm2.773.84a5 5 0 0 1-2.773-.84l-3.329 4.992A11 11 0 0 0 76 24.27zM11.563 31.613l-1.665-2.496zm-3.125 2.083l1.664 2.497zM22 32.655l1.664-2.496zm-1.562-1.042l-1.664 2.496zM4 32.04a3 3 0 0 0 0 6zm31.563-.427l1.664 2.496zm-3.125 2.083L30.774 31.2zm-8.875 0l-1.665 2.497zM46 32.655l1.664-2.496zm-1.562-1.042l-1.664 2.496zm15.125 0l1.664 2.496zm-3.125 2.083L54.774 31.2zm-8.875 0l-1.665 2.497zM70 32.655l-1.664 2.496zm-1.562-1.042l-1.664 2.496zm3.125 2.083l1.664-2.496zM76 38.04a3 3 0 1 0 0-6zM9.898 29.117L6.774 31.2l3.328 4.993l3.125-2.084zm13.766 1.042l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zM6.774 31.2c-.84.56-1.806.84-2.774.84v6c2.126 0 4.255-.616 6.102-1.847zm27.124-2.083L30.775 31.2l3.328 4.993l3.125-2.084zm-8.67 2.083l-1.563-1.041l-3.328 4.992l1.563 1.041zm22.437-1.041l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.203 0zM30.774 31.2a5 5 0 0 1-5.547 0l-3.329 4.993a11 11 0 0 0 12.204 0zm27.124-2.083L54.774 31.2l3.328 4.993l3.125-2.084zm-8.67 2.083l-1.563-1.041l-3.328 4.992l1.563 1.041zm22.437-1.041l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zM54.774 31.2a5 5 0 0 1-5.547 0l-3.328 4.993a11 11 0 0 0 12.203 0zm18.453 0l-1.563-1.041l-3.328 4.992l1.563 1.041zm2.773.84a5 5 0 0 1-2.773-.84l-3.329 4.993A11 11 0 0 0 76 38.04zM11.563 45.383l-1.665-2.497zm-3.125 2.083l1.664 2.496zM22 46.424l1.664-2.496zm-1.562-1.041l-1.664 2.496zM4 45.809a3 3 0 1 0 0 6zm31.563-.426l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM46 46.424l1.664-2.496zm-1.562-1.041l-1.664 2.496zm15.125 0l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM70 46.424l-1.664 2.496zm-1.562-1.041l-1.664 2.496zm3.125 2.083l1.664-2.496zM76 51.809a3 3 0 0 0 0-6zM9.898 42.888L6.774 44.97l3.328 4.992l3.125-2.083zm13.766 1.041l-1.562-1.041l-3.328 4.992l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zM6.774 44.97c-.84.56-1.806.84-2.774.84v6a11 11 0 0 0 6.102-1.848zm27.124-2.084l-3.124 2.084l3.328 4.992l3.125-2.083zm-8.671 2.084l-1.563-1.042l-3.328 4.992l1.563 1.042zm22.437-1.042l-1.562-1.041l-3.328 4.992l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.203 0zm-6.453-2.908a5 5 0 0 1-5.547 0l-3.329 4.992a11 11 0 0 0 12.204 0zm27.124-2.084l-3.124 2.084l3.328 4.992l3.125-2.083zm-8.671 2.084l-1.563-1.042l-3.328 4.992l1.563 1.042zm22.437-1.042l-1.562-1.041l-3.328 4.992l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zm-6.453-2.908a5 5 0 0 1-5.547 0l-3.328 4.992a11 11 0 0 0 12.203 0zm18.453 0l-1.563-1.042l-3.328 4.992l1.563 1.042zm2.773.84a5 5 0 0 1-2.773-.84l-3.329 4.992A11 11 0 0 0 76 51.809zM11.563 59.152l-1.665-2.496zm-3.125 2.083l1.664 2.496zM22 60.194l1.664-2.496zm-1.562-1.042l-1.664 2.496zM4 59.58a3 3 0 0 0 0 6zm31.563-.427l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM46 60.194l1.664-2.496zm-1.562-1.042l-1.664 2.496zm15.125 0l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM70 60.194l-1.664 2.496zm-1.562-1.042l-1.664 2.496zm3.125 2.083l1.664-2.496zM76 65.58a3 3 0 0 0 0-6zM9.898 56.656l-3.124 2.083l3.328 4.993l3.125-2.084zm13.766 1.042l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zM6.774 58.74c-.84.56-1.806.84-2.774.84v6c2.126 0 4.255-.616 6.102-1.847zm27.124-2.083l-3.124 2.083l3.328 4.993l3.125-2.084zm-8.671 2.083l-1.563-1.041l-3.328 4.992L21.9 63.73zm22.437-1.041l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.203 0zm-6.453-2.909a5 5 0 0 1-5.547 0l-3.329 4.993a11 11 0 0 0 12.204 0zm27.124-2.083l-3.124 2.083l3.328 4.993l3.125-2.084zm-8.671 2.083l-1.563-1.041l-3.328 4.992L45.9 63.73zm22.437-1.041l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zm-6.453-2.909a5 5 0 0 1-5.547 0l-3.328 4.993a11 11 0 0 0 12.203 0zm18.453 0l-1.563-1.041l-3.328 4.992L69.9 63.73zm2.773.84a5 5 0 0 1-2.773-.84l-3.329 4.993A11 11 0 0 0 76 65.578z"/></svg>

Fog Bold アイコンの使い方

React

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

<Icon icon="glyphs:fog-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:fog-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:fog-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--fog-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:fog-bold"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:fog-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/fog-bold.svg" alt="Fog Bold アイコン" width="24" height="24">

Glyphs の関連アイコン

他のアイコンセットの Fog Bold アイコン

Fog Bold アイコンのよくある質問

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

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

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

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

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

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

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