ICONYZ
Português (Brasil)
Ícone Fog Outline de Solar

Ícone Fog Outline

solar:fog-outline

O ícone Fog Outline (solar:fog-outline) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Solar
Autor
480 Design
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
Clima
Tags
fogoutline
Baixar SVG

Código SVG

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

Como usar o ícone Fog Outline

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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/fog-outline.svg" alt="Ícone Fog Outline" width="24" height="24">

Ícones relacionados em Solar

O ícone Fog Outline em outras coleções

Perguntas frequentes sobre Ícone Fog Outline

O ícone Fog Outline é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Fog Outline no React?

Instale @iconify/react e renderize <Icon icon="solar:fog-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Fog Outline a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/fog-outline.svg" alt="Ícone Fog Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →