Иконка Alarm Smoke Solid

mynaui:alarm-smoke-solid

Иконка Alarm Smoke Solid (mynaui:alarm-smoke-solid) — бесплатная SVG-иконка из набора Myna UI Icons от Praveen Juge. Она нарисована на сетке 24 × 24. Myna UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Myna UI Icons
Автор: Praveen Juge
Лицензия: MIT
Размер: 24 × 24
Теги: alarmsmoke, smokesolid, alarmsmokesolid

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.2 11.478a.75.75 0 0 1 1.056.094c.885 1.06 1.172 2.057 1.042 3.028c-.118.877-.577 1.646-.944 2.261l-.03.05c-.406.68-.703 1.2-.776 1.742c-.064.475.037 1.063.708 1.867a.75.75 0 0 1-1.152.96c-.884-1.06-1.173-2.057-1.042-3.027c.117-.875.574-1.64.941-2.255l.033-.055c.406-.681.702-1.2.776-1.744c.063-.474-.037-1.061-.708-1.865a.75.75 0 0 1 .095-1.057m6.376.094c.885 1.06 1.173 2.057 1.042 3.028c-.118.877-.576 1.646-.944 2.261l-.03.05c-.405.68-.703 1.2-.776 1.742c-.056.415.015.917.483 1.575l.225.291l.046.062a.75.75 0 0 1-1.145.956l-.053-.056l-.158-.199c-.76-.986-1.007-1.92-.884-2.829c.118-.877.576-1.644.943-2.26l.03-.05c.406-.681.704-1.2.777-1.744c.064-.474-.037-1.061-.708-1.865a.75.75 0 0 1 1.152-.962M19 2.25a.75.75 0 0 1 0 1.5h-.84c-.134 1.44-.654 2.813-1.553 3.884c-1.065 1.27-2.636 2.08-4.607 2.08c-1.97 0-3.542-.81-4.607-2.08c-.9-1.071-1.419-2.444-1.552-3.884H5a.75.75 0 0 1 0-1.5zm-1.104 9.322a.75.75 0 0 0-1.152.962c.67.804.772 1.391.708 1.865c-.073.544-.37 1.063-.776 1.744l-.03.051c-.368.615-.826 1.382-.944 2.26c-.122.909.123 1.842.883 2.828l.16.198l.05.057a.75.75 0 0 0 1.147-.956l-.047-.061l-.225-.293c-.468-.657-.537-1.159-.482-1.574c.074-.543.37-1.061.776-1.742l.032-.054c.367-.615.825-1.382.943-2.257c.13-.97-.159-1.968-1.044-3.028"/></svg>

Как использовать иконку Alarm Smoke Solid

React

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

<Icon icon="mynaui:alarm-smoke-solid" width="24" />

Vue

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

<template>
  <Icon icon="mynaui:alarm-smoke-solid" width="24" />
</template>

Svelte

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

<Icon icon="mynaui:alarm-smoke-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mynaui--alarm-smoke-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mynaui -->
<div class="i-mynaui:alarm-smoke-solid"></div>

Веб-компонент

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

<iconify-icon icon="mynaui:alarm-smoke-solid"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/mynaui/alarm-smoke-solid.svg" alt="Иконка Alarm Smoke Solid" width="24" height="24">

Вопросы и ответы: Иконка Alarm Smoke Solid

Можно ли бесплатно использовать иконку Alarm Smoke Solid в коммерческих проектах?

Да. Myna UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Alarm Smoke Solid в React?

Установите @iconify/react и выведите <Icon icon="mynaui:alarm-smoke-solid" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Alarm Smoke Solid на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mynaui/alarm-smoke-solid.svg" alt="Иконка Alarm Smoke Solid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Myna UI Icons →