Bolt Outline アイコン
cuida:bolt-outline
Bolt Outline アイコン(cuida:bolt-outline)は、Cuida Icons セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bolt Outline アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。