Bolt Bold アイコン

Q: Bolt Bold アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

glyphs:bolt-bold

Bolt Bold アイコン(glyphs:bolt-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: boltbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M28.802 13.86a1 1 0 0 1 .99-.86h14.773a1 1 0 0 1 .97 1.246l-4.092 16.142a.49.49 0 0 0 .476.612h12.313a1 1 0 0 1 .894 1.447L37.88 66.94c-.31.618-1.247.293-1.107-.384l4.855-23.352a1 1 0 0 0-.98-1.204H26a1 1 0 0 1-.99-1.14z" clip-rule="evenodd"/><path d="m41.628 43.204l-1.469-.306zM37.88 66.94l-1.342-.671zm3.563-36.552l-1.454-.369zm13.683 2.06l-1.342-.672zM28.802 13.86l-1.486-.209zm16.732.385l1.454.368zm-.97-2.746H29.793v3h14.773zm-1.667 19.257l4.091-16.143l-2.908-.737l-4.09 16.142zM41.92 32.5h2.246v-3H41.92zm2.246 0h2.754v-3h-2.754zm10.067-3H46.92v3h7.313zm-15.01 38.11l17.246-34.492l-2.684-1.342L36.538 66.27zm.937-24.712L35.305 66.25l2.937.61l4.855-23.351zm.49-2.398H38.5v3h2.149zm-2.149 0h-2.58v3h2.58zm-12.5 3h9.92v-3H26zm1.316-29.848l-3.791 27l2.97.417l3.792-27zm15.78 29.857A2.5 2.5 0 0 0 40.65 40.5v3a.5.5 0 0 1-.49-.602zm-6.558 22.76a.93.93 0 0 1 1.112-.453a.93.93 0 0 1 .592 1.044l-2.937-.61c-.498 2.397 2.822 3.55 3.916 1.36zm3.451-36.25a1.99 1.99 0 0 0 1.93 2.481v-3c.658 0 1.14.62.978 1.256zM54.232 32.5a.5.5 0 0 1-.448-.724l2.684 1.342c.83-1.662-.378-3.618-2.236-3.618zM26 40.5a.5.5 0 0 1 .495.57l-2.97-.418A2.5 2.5 0 0 0 26 43.5zm3.792-29a2.5 2.5 0 0 0-2.476 2.152l2.971.418a.5.5 0 0 1-.495.43zm14.773 3a.5.5 0 0 1-.485-.623l2.908.737a2.5 2.5 0 0 0-2.423-3.114z"/></g></svg>

Bolt Bold アイコンの使い方

React

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

<Icon icon="glyphs:bolt-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:bolt-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:bolt-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--bolt-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:bolt-bold"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:bolt-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/bolt-bold.svg" alt="Bolt Bold アイコン" width="24" height="24">

Glyphs の関連アイコン

他のアイコンセットの Bolt Bold アイコン

Bolt Bold アイコンのよくある質問

Bolt Bold アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Bolt Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="glyphs:bolt-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Bolt Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/bolt-bold.svg" alt="Bolt Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Glyphs アイコンをすべて見る →