Иконка Fog Outline
solar:fog-outline
Иконка Fog Outline (solar:fog-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Solar
- Автор
- 480 Design
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Погода
- Теги
- fogoutline
Код 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>Как использовать иконку 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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/solar/fog-outline.svg" alt="Иконка Fog Outline" width="24" height="24">Похожие иконки в наборе Solar
Иконка Fog Outline в других наборах
Вопросы и ответы: Иконка Fog Outline
Можно ли бесплатно использовать иконку Fog Outline в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Fog Outline в React?
Установите @iconify/react и выведите <Icon icon="solar:fog-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Fog Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/fog-outline.svg" alt="Иконка Fog Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.