Иконка Bomb Outline

solar:bomb-outline

Иконка Bomb Outline (solar:bomb-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
Категория: Безопасность
Теги: bomboutline

Скачать SVG

Код 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="M19.7166 2.07799C19.2812 0.974002 17.7188 0.974002 17.2834 2.07799L16.6596 3.6596L15.078 4.28338C13.974 4.71879 13.974 6.28121 15.078 6.71662L15.8989 7.0404L14.7793 8.16005C13.3487 6.96747 11.5081 6.25 9.5 6.25C4.94365 6.25 1.25 9.94365 1.25 14.5C1.25 19.0563 4.94365 22.75 9.5 22.75C14.0563 22.75 17.75 19.0563 17.75 14.5C17.75 12.4919 17.0325 10.6513 15.84 9.22071L16.9596 8.10106L17.2834 8.92201C17.7188 10.026 19.2812 10.026 19.7166 8.92201L20.3404 7.3404L21.922 6.71662C23.026 6.28121 23.026 4.71879 21.922 4.28338L20.3404 3.6596L19.7166 2.07799ZM18.0244 4.28758L18.5 3.08162L18.9756 4.28758C19.1086 4.62464 19.3754 4.89144 19.7124 5.02438L20.9184 5.5L19.7124 5.97562C19.3754 6.10856 19.1086 6.37536 18.9756 6.71242L18.5 7.91838L18.0244 6.71242C17.8914 6.37536 17.6246 6.10856 17.2876 5.97562L16.0816 5.5L17.2876 5.02438C17.6246 4.89144 17.8914 4.62464 18.0244 4.28758ZM9.5 7.75C5.77208 7.75 2.75 10.7721 2.75 14.5C2.75 18.2279 5.77208 21.25 9.5 21.25C13.2279 21.25 16.25 18.2279 16.25 14.5C16.25 10.7721 13.2279 7.75 9.5 7.75Z" clip-rule="evenodd"/></svg>

Как использовать иконку Bomb Outline

React

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

<Icon icon="solar:bomb-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:bomb-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:bomb-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bomb-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bomb-outline"></div>

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

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

<iconify-icon icon="solar:bomb-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/bomb-outline.svg" alt="Иконка Bomb Outline" width="24" height="24">

Иконка Bomb Outline в других наборах

Вопросы и ответы: Иконка Bomb Outline

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

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Bomb Outline в React?

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

Как добавить иконку Bomb Outline на веб-страницу?

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

Все Иконки Solar →