Fog Outline icon
solar:fog-outline
The Fog Outline icon (solar:fog-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Weather
- Tags
- fogoutline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.4762 2.75C9.7261 2.75 7.5119 4.95083 7.5119 7.64706C7.5119 8.10922 7.5766 8.55551 7.69729 8.97813C8.19449 9.12162 8.65991 9.3389 9.08045 9.61709C9.42592 9.84561 9.52072 10.3109 9.29219 10.6564C9.06366 11.0019 8.59835 11.0967 8.25288 10.8681C7.87207 10.6162 7.43917 10.4355 6.9733 10.3451C6.75147 10.3021 6.52165 10.2794 6.28571 10.2794C4.3246 10.2794 2.75 11.8482 2.75 13.7647C2.75 14.2966 2.87042 14.7997 3.08603 15.25H20.2886C20.8937 14.438 21.25 13.4369 21.25 12.3529C21.25 10.2162 19.8607 8.39087 17.9124 7.72463C17.4038 7.55072 16.8568 7.45588 16.2857 7.45588C15.7031 7.45588 15.1455 7.55458 14.6283 7.73526C14.2372 7.87185 13.8095 7.66557 13.6729 7.27453C13.5363 6.88348 13.7426 6.45575 14.1336 6.31916C14.8079 6.08364 15.5326 5.95588 16.2857 5.95588C16.5812 5.95588 16.8723 5.97555 17.1577 6.01367C16.477 4.11631 14.6422 2.75 12.4762 2.75ZM18.8314 6.47127C18.2724 3.49369 15.6343 1.25 12.4762 1.25C8.91446 1.25 6.0119 4.10572 6.0119 7.64706C6.0119 8.03413 6.04673 8.41355 6.11351 8.78228C3.41987 8.87207 1.25 11.0605 1.25 13.7647C1.25 14.3422 1.34944 14.8973 1.53223 15.4137C1.36021 15.5511 1.25 15.7627 1.25 16C1.25 16.4142 1.58579 16.75 2 16.75H2.6334C2.64148 16.7501 2.64956 16.7501 2.65765 16.75H20.6437C20.6467 16.75 20.6498 16.75 20.6528 16.75H22C22.4142 16.75 22.75 16.4142 22.75 16C22.75 15.6025 22.4407 15.2772 22.0496 15.2516C22.4972 14.3816 22.75 13.3963 22.75 12.3529C22.75 9.70929 21.1313 7.44751 18.8314 6.47127ZM4.25 19C4.25 18.5858 4.58579 18.25 5 18.25H19C19.4142 18.25 19.75 18.5858 19.75 19C19.75 19.4142 19.4142 19.75 19 19.75H5C4.58579 19.75 4.25 19.4142 4.25 19ZM7.25 22C7.25 21.5858 7.58579 21.25 8 21.25H16C16.4142 21.25 16.75 21.5858 16.75 22C16.75 22.4142 16.4142 22.75 16 22.75H8C7.58579 22.75 7.25 22.4142 7.25 22Z" clip-rule="evenodd"/></svg>How to use the Fog Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:fog-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:fog-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:fog-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--fog-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:fog-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:fog-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/fog-outline.svg" alt="Fog Outline icon" width="24" height="24">Related icons in Solar
Fog Outline icon in other icon sets
Fog Outline icon FAQ
Is the Fog Outline icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Fog Outline icon in React?
Install @iconify/react and render <Icon icon="solar:fog-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fog Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/fog-outline.svg" alt="Fog Outline icon">, or paste the SVG code inline to style it with CSS.