Иконка Bolt Outline
cuida:bolt-outline
Иконка Bolt Outline (cuida:bolt-outline) — бесплатная SVG-иконка из набора Cuida Icons от Sysvale. Она нарисована на сетке 24 × 24. Cuida Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Cuida Icons
- Автор
- Sysvale
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Теги
- boltoutline
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g class="bolt-outline"><path fill="currentColor" fill-rule="evenodd" d="m12.706 5.587l-5.121 6.38H9.22c.029 0 .13-.001.226.011c.134.018.384.073.61.282c.225.21.299.455.326.587c.02.095.027.196.029.225v.005l.408 5.459l5.485-6.303h-1.959c-.028 0-.128.001-.225-.011a1.1 1.1 0 0 1-.607-.28a1.1 1.1 0 0 1-.328-.582a2 2 0 0 1-.03-.224v-.006zm4.982 6.658q.01.001 0 0m-.484-1.063q.005-.009 0 0m-10.93.774h.001Zm6.384-9.476c.07-.066.486-.457 1.085-.273c.6.184.725.741.746.835c.029.128.04.276.047.357l.001.021l.552 6.813h2.142c.24 0 .518 0 .743.033c.22.031.785.146 1.05.729c.266.583-.019 1.084-.14 1.27a5.4 5.4 0 0 1-.463.582l-.032.037l-7.32 8.411a3 3 0 0 1-.258.27c-.08.069-.498.425-1.076.233c-.578-.193-.7-.728-.723-.83a3 3 0 0 1-.043-.35l-.002-.021l-.495-6.63H6.704c-.228 0-.498 0-.718-.032c-.223-.033-.764-.147-1.033-.706c-.268-.56-.018-1.053.096-1.247c.113-.192.282-.402.425-.58l.03-.037l6.901-8.599l.014-.017c.05-.063.143-.18.239-.27Z" class="Vector 85 (Stroke)" clip-rule="evenodd"/></g></svg>Как использовать иконку Bolt Outline
React
import { Icon } from "@iconify/react";
<Icon icon="cuida:bolt-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cuida:bolt-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cuida:bolt-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cuida--bolt-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cuida -->
<div class="i-cuida:bolt-outline"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cuida:bolt-outline"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/cuida/bolt-outline.svg" alt="Иконка Bolt Outline" width="24" height="24">Иконка Bolt Outline в других наборах
Вопросы и ответы: Иконка Bolt Outline
Можно ли бесплатно использовать иконку Bolt Outline в коммерческих проектах?
Да. Cuida Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bolt Outline в React?
Установите @iconify/react и выведите <Icon icon="cuida:bolt-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bolt Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cuida/bolt-outline.svg" alt="Иконка Bolt Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.