Иконка Fire Smoke Outline
glyphs:fire-smoke-outline
Иконка Fire Smoke Outline (glyphs:fire-smoke-outline) — бесплатная SVG-иконка из набора Glyphs от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Glyphs
- Автор
- Goran Spasojevic
- Лицензия
- MIT
- Размер
- 80 × 80
- Теги
- firesmoke, smokeoutline, firesmokeoutline
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M49.8 9.841a1.99 1.99 0 0 0-3.235 0L29.482 33.698l-6.283-8.774a1.99 1.99 0 0 0-3.236 0l-.556.777a27.36 27.36 0 0 0-5.115 15.929V43q0 .61.028 1.215A13.99 13.99 0 0 0 6.01 57A13.99 13.99 0 0 0 20 70.99h40a13.99 13.99 0 0 0 6.23-26.516q.042-.732.042-1.474v-1.37a27.36 27.36 0 0 0-5.115-15.93zm5.01 33.95l-.002.218A14 14 0 0 0 50 47.216a14 14 0 0 0-1.134-1.038A13.98 13.98 0 0 0 40 43.01a14 14 0 0 0-5.741 1.232L46.068 27.75l5.773 7.404a14.04 14.04 0 0 1 2.969 8.636m3.965-.728a14 14 0 0 1 3.516.136v-.09l.001-.11v-1.37a23.38 23.38 0 0 0-4.37-13.611l-9.74-13.6l-17.035 23.79a2.048 2.048 0 0 1-3.33 0l-6.19-8.645a23.4 23.4 0 0 0-3.355 12.067v1.487a14 14 0 0 1 2.953-.054a18 18 0 0 1 .467-3.412a1.99 1.99 0 0 1 3.554-.702L29.2 44.47l15.182-21.202a1.99 1.99 0 0 1 3.187-.065l7.41 9.504a18.02 18.02 0 0 1 3.796 10.356m8.303 6.858A10.01 10.01 0 0 1 60 67.01H20a10.01 10.01 0 0 1-2.994-19.562l.004-.001a10 10 0 0 1 5.72-.078l.01.003a10 10 0 0 1 4.514 2.73q.606.64 1.088 1.364v.002L30 53.966l1.648-2.484l.01-.016a10.01 10.01 0 0 1 16.683 0L50 53.985l1.667-2.513A10 10 0 0 1 60 47a10 10 0 0 1 7.078 2.922" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.73 47.369a10 10 0 0 0-5.72.078h-.004A10.01 10.01 0 0 0 20 67.01h40a10.01 10.01 0 0 0 7.078-17.089a10.01 10.01 0 0 0-7.85-2.891a10 10 0 0 0-7.561 4.442L50 53.985l-1.658-2.519a10.01 10.01 0 0 0-16.684 0M22.73 47.37l.012.003m-.012-.003l.012.003m0 0a10 10 0 0 1 4.513 2.73q.606.64 1.088 1.364v.002L30 53.966l1.648-2.484m0 0l.01-.016m-.01.016l.01-.016M62.291 43.2a14 14 0 0 0-3.516-.136a18.02 18.02 0 0 0-3.795-10.356l-7.41-9.504a1.99 1.99 0 0 0-3.188.065L29.2 44.47l-3.954-5.52a1.99 1.99 0 0 0-3.554.7a18 18 0 0 0-.467 3.413a14 14 0 0 0-2.953.054V41.63a23.4 23.4 0 0 1 3.354-12.067l6.19 8.645a2.048 2.048 0 0 0 3.331 0l17.036-23.79l9.738 13.6a23.38 23.38 0 0 1 4.371 13.612V43m0 .199v-.09m0 .09v-.09m0-.11v.11m0-.11v.11M49.8 9.84a1.99 1.99 0 0 0-3.236 0L29.482 33.698l-6.283-8.774a1.99 1.99 0 0 0-3.236 0l-.556.777a27.36 27.36 0 0 0-5.115 15.929V43q0 .61.028 1.215A13.99 13.99 0 0 0 6.01 57A13.99 13.99 0 0 0 20 70.99h40a13.99 13.99 0 0 0 6.23-26.516q.042-.732.042-1.474v-1.37a27.36 27.36 0 0 0-5.115-15.93zm5.007 34.168l.002-.219a14.04 14.04 0 0 0-2.969-8.635l-5.773-7.405l-11.81 16.492A13.99 13.99 0 0 1 50 47.216l.108-.109a14 14 0 0 1 4.7-3.098"/></g></svg>Как использовать иконку Fire Smoke Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:fire-smoke-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:fire-smoke-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:fire-smoke-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--fire-smoke-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:fire-smoke-outline"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:fire-smoke-outline"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/glyphs/fire-smoke-outline.svg" alt="Иконка Fire Smoke Outline" width="24" height="24">Похожие иконки в наборе Glyphs
Вопросы и ответы: Иконка Fire Smoke Outline
Можно ли бесплатно использовать иконку Fire Smoke Outline в коммерческих проектах?
Да. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Fire Smoke Outline в React?
Установите @iconify/react и выведите <Icon icon="glyphs:fire-smoke-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Fire Smoke Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/glyphs/fire-smoke-outline.svg" alt="Иконка Fire Smoke Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.