Fog Bold icon

glyphs:fog-bold

The Fog Bold icon (glyphs:fog-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Glyphs
Author: Goran Spasojevic
License: MIT
Size: 80 × 80
Tags: fogbold

Download SVG

SVG code

<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>

How to use the Fog Bold icon

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 component

<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 image

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

Related icons in Glyphs

Fog Bold icon in other icon sets

Fog Bold icon FAQ

Is the Fog Bold icon free for commercial use?

Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Fog Bold icon in React?

Install @iconify/react and render <Icon icon="glyphs:fog-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fog Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/fog-bold.svg" alt="Fog Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Glyphs icons →