Bold アイコン

el:bold

Bold アイコン(el:bold)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M0 0v97.286h150.591v1005.478H0V1200h654.399c187.638 0 325.367-28.1 413.15-84.363c88.305-56.263 132.449-143.888 132.45-262.841c0-87.876-31.529-158.346-94.607-211.395q-94.615-79.574-272.02-96.457c97.771-10.716 171.354-36.961 220.766-78.755c49.938-41.793 74.904-98.336 74.906-169.603c0-99.131-36.007-173.315-108.019-222.61C949.012 24.68 841.254.001 697.753 0zm454.163 97.286h103.288c93.036 0 160.572 15.786 202.625 47.399c42.574 31.613 63.884 82.244 63.885 151.902c0 69.123-21.817 120.583-65.445 154.34c-43.631 33.222-110.652 49.838-201.064 49.837H454.163zm0 499.935h112.749c99.346 0 173.443 21.162 222.327 63.491c48.883 42.333 73.344 106.353 73.345 192.084c0 85.2-24.206 148.19-72.564 188.914c-48.359 40.724-122.709 61.054-223.107 61.054h-112.75z"/></svg>

Bold アイコンの使い方

React

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

<Icon icon="el:bold" width="24" />

Vue

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

<template>
  <Icon icon="el:bold" width="24" />
</template>

Svelte

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

<Icon icon="el:bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="el:bold"></iconify-icon>

HTML 画像

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

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

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

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

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Elusive Icons をすべて見る →