Иконка Bolt Circle Broken

solar:bolt-circle-broken

Иконка Bolt Circle Broken (solar:bolt-circle-broken) — бесплатная 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
Категория: Интерфейс
Теги: boltcircle, circlebroken, boltcirclebroken

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9.21261 10.1737L11.2277 8.56904C12.5302 7.53179 13.1814 7.01316 13.5908 7.26931C14.0001 7.52547 13.7876 8.31864 13.3625 9.905L13.3224 10.0546C13.1691 10.6267 13.0925 10.9128 13.2272 11.1412L13.2344 11.1531C13.3741 11.3788 13.6718 11.4586 14.2673 11.6182C15.339 11.9053 15.8748 12.0489 15.9688 12.4224C15.9704 12.4286 15.9718 12.4348 15.9732 12.441C16.0557 12.8169 15.633 13.1535 14.7876 13.8267L12.7725 15.4314C11.47 16.4686 10.8187 16.9873 10.4094 16.7311C10 16.4749 10.2126 15.6818 10.6377 14.0954L10.6777 13.9459C10.8311 13.3737 10.9077 13.0876 10.773 12.8592L10.7658 12.8473C10.6261 12.6216 10.3283 12.5418 9.73283 12.3823C8.6612 12.0951 8.12538 11.9515 8.03138 11.578C8.02983 11.5718 8.02836 11.5656 8.027 11.5594C7.94449 11.1836 8.36719 10.8469 9.21261 10.1737Z"/><path stroke-linecap="round" d="M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7"/></g></svg>

Как использовать иконку Bolt Circle Broken

React

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

<Icon icon="solar:bolt-circle-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:bolt-circle-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:bolt-circle-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bolt-circle-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bolt-circle-broken"></div>

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

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

<iconify-icon icon="solar:bolt-circle-broken"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/bolt-circle-broken.svg" alt="Иконка Bolt Circle Broken" width="24" height="24">

Вопросы и ответы: Иконка Bolt Circle Broken

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

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

Как использовать иконку Bolt Circle Broken в React?

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

Как добавить иконку Bolt Circle Broken на веб-страницу?

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

Все Иконки Solar →