Fog icon

glyphs-poly:fog

The Fog icon (glyphs-poly:fog) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly 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 Poly
Author: Goran Spasojevic
License: MIT
Size: 80 × 80

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#56ccf2" d="m11.563 17.844l-1.11-1.665zm-3.125 2.083l1.11 1.664zM22 18.885l1.11-1.664zm-1.562-1.041l-1.11 1.664zM4 19.27a2 2 0 0 0 0 4zm31.563-1.426l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM46 18.885l1.11-1.664zm-1.562-1.041l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM70 18.885l-1.11 1.664zm-1.562-1.041l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 23.27a2 2 0 0 0 0-4zm-65.547-7.09l-3.125 2.083l2.22 3.328l3.124-2.083zm12.657 1.04l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 19.27v4c1.933 0 3.868-.56 5.547-1.68zm27.125-2.084l-3.125 2.084l2.22 3.328l3.124-2.083zm-9.781 2.084L23.11 17.22l-2.22 3.328l1.563 1.042zM47.11 17.22l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm27.125-2.084l-3.125 2.084l2.22 3.328l3.124-2.083zm-9.781 2.084L47.11 17.22l-2.22 3.328l1.563 1.042zM71.11 17.22l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm17.344 0L71.11 17.22l-2.22 3.328l1.563 1.042zM76 19.27c-1.16 0-2.32-.335-3.328-1.007l-2.219 3.328A10 10 0 0 0 76 23.27z"/><path fill="#2f80ed" d="m11.563 31.613l-1.11-1.664zm-3.125 2.083l1.11 1.664zM22 32.655l1.11-1.664zm-1.562-1.042l-1.11 1.664zM4 33.04a2 2 0 0 0 0 4zm31.563-1.427l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM46 32.655l1.11-1.664zm-1.562-1.042l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM70 32.655l-1.11 1.664zm-1.562-1.042l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 37.04a2 2 0 0 0 0-4zm-65.547-7.091l-3.125 2.083l2.22 3.328l3.124-2.083zm12.657 1.042l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 33.04v4a10 10 0 0 0 5.547-1.68zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083l-1.562-1.041l-2.22 3.328l1.563 1.041zm22.438-1.041l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083l-1.562-1.041l-2.22 3.328l1.563 1.041zm22.438-1.041l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm17.344 0l-1.562-1.041l-2.22 3.328l1.563 1.041zM76 33.04a6 6 0 0 1-3.328-1.008l-2.219 3.328A10 10 0 0 0 76 37.04z"/><path fill="#56ccf2" d="m11.563 45.383l-1.11-1.664zm-3.125 2.083l1.11 1.664zM22 46.424l1.11-1.664zm-1.562-1.041l-1.11 1.664zM4 46.809a2 2 0 1 0 0 4zm31.563-1.426l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM46 46.424l1.11-1.664zm-1.562-1.041l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM70 46.424l-1.11 1.664zm-1.562-1.041l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 50.809a2 2 0 0 0 0-4zm-65.547-7.09l-3.125 2.083l2.22 3.328l3.124-2.083zM23.11 44.76l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 46.81v4c1.933 0 3.868-.56 5.547-1.68zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083L23.11 44.76l-2.22 3.328l1.563 1.042zM47.11 44.76l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083L47.11 44.76l-2.22 3.328l1.563 1.042zM71.11 44.76l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm17.344 0L71.11 44.76l-2.22 3.328l1.563 1.042zM76 46.81c-1.16 0-2.32-.336-3.328-1.008l-2.219 3.328A10 10 0 0 0 76 50.81z"/><path fill="#2f80ed" d="m11.563 59.152l-1.11-1.664zm-3.125 2.083l1.11 1.665zM22 60.194l1.11-1.664zm-1.562-1.042l-1.11 1.664zM4 60.58a2 2 0 0 0 0 4zm31.563-1.427l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.665zM46 60.194l1.11-1.664zm-1.562-1.042l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.665zM70 60.194l-1.11 1.664zm-1.562-1.042l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 64.58a2 2 0 0 0 0-4zm-65.547-7.09l-3.125 2.08l2.22 3.329l3.124-2.084zm12.657 1.04l-1.563-1.04l-2.219 3.327l1.563 1.042zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 60.58v4c1.933 0 3.868-.56 5.547-1.68zm27.125-2.083l-3.125 2.083l2.22 3.329l3.124-2.084zm-9.781 2.083L23.11 58.53l-2.22 3.328l1.563 1.042zM47.11 58.53l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0L22.453 62.9a10 10 0 0 0 11.094 0zm27.125-2.083l-3.125 2.083l2.22 3.329l3.124-2.084zm-9.781 2.083L47.11 58.53l-2.22 3.328l1.563 1.042zM71.11 58.53l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0L46.453 62.9a10 10 0 0 0 11.094 0zm17.344 0L71.11 58.53l-2.22 3.328l1.563 1.042zM76 60.58c-1.16 0-2.32-.336-3.328-1.008L70.453 62.9A10 10 0 0 0 76 64.579z"/></g></svg>

How to use the Fog icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Glyphs Poly

Fog icon in other icon sets

Fog icon FAQ

Is the Fog icon free for commercial use?

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

How do I use the Fog icon in React?

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

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

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

Browse all Glyphs Poly icons →