Badge Alert 20 Bold アイコン

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

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

energy-icons:badge-alert-20-bold

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

アイコンセット: Energy Icons
作者: Sam Passmore
ライセンス: MIT
サイズ: 20 × 20
タグ: badgealert、alertbold、badgealertbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M17.5 10c0-.017-.008-.09-.126-.247a4.4 4.4 0 0 0-.51-.53c-.208-.194-.466-.425-.688-.663c-.224-.24-.455-.53-.596-.872c-.14-.34-.182-.708-.193-1.036c-.012-.326.007-.672.017-.957a4.4 4.4 0 0 0-.015-.736c-.028-.194-.074-.251-.085-.263c-.017-.015-.08-.058-.265-.085a4.4 4.4 0 0 0-.736-.015c-.284.01-.63.029-.956.017a3.2 3.2 0 0 1-.907-.145l-.128-.048c-.341-.141-.632-.372-.872-.596c-.238-.222-.47-.48-.663-.688a4.4 4.4 0 0 0-.53-.51c-.156-.118-.23-.126-.247-.126s-.09.008-.247.126a4.4 4.4 0 0 0-.53.51c-.194.208-.425.466-.663.688a3.2 3.2 0 0 1-.746.538l-.126.058c-.34.14-.708.182-1.036.193c-.326.012-.672-.007-.957-.017a4.4 4.4 0 0 0-.735.015c-.194.028-.252.074-.264.085c-.011.012-.057.07-.085.264a4.4 4.4 0 0 0-.015.735c.01.285.029.631.017.957c-.01.287-.043.605-.145.908l-.048.128c-.141.341-.372.632-.596.872c-.222.238-.48.47-.688.663a4.4 4.4 0 0 0-.51.53c-.118.156-.126.23-.126.247s.008.09.126.247c.116.155.287.323.51.53c.208.194.466.425.688.663c.196.21.397.459.538.745l.058.127l.048.128c.102.303.135.62.145.907c.012.325-.007.672-.017.956c-.011.304-.012.544.015.736c.027.187.07.249.085.265l.063.037a1 1 0 0 0 .2.048c.192.027.432.026.736.015c.285-.01.631-.029.957-.017c.328.011.696.053 1.036.193s.632.372.872.596c.238.222.47.48.663.688c.207.223.375.394.53.51c.156.118.23.126.247.126s.09-.008.247-.126a4.4 4.4 0 0 0 .53-.51c.194-.208.425-.466.663-.688c.24-.224.53-.455.872-.596c.34-.14.708-.182 1.035-.193s.672.007.956.017c.304.011.544.012.736-.015c.187-.027.249-.07.265-.085c.014-.016.058-.078.085-.265c.027-.192.026-.432.015-.736c-.01-.284-.029-.63-.017-.956c.011-.327.053-.695.193-1.035c.141-.341.372-.632.596-.872c.222-.238.48-.47.688-.663a4.4 4.4 0 0 0 .51-.53c.118-.156.126-.23.126-.247m1.25 0c0 .408-.188.746-.377.998c-.19.254-.438.49-.657.694c-.234.218-.443.405-.626.601s-.297.358-.355.496c-.057.139-.09.334-.1.602c-.009.268.007.548.018.868c.011.3.018.64-.026.955c-.044.312-.15.684-.437.972l-.004.003c-.288.288-.66.394-.972.438a5.6 5.6 0 0 1-.955.026c-.32-.011-.6-.027-.868-.017s-.463.042-.602.1c-.138.056-.3.171-.496.354s-.383.392-.6.626a5.6 5.6 0 0 1-.695.657c-.252.19-.59.377-.998.377s-.746-.188-.998-.377a5.6 5.6 0 0 1-.694-.657c-.218-.234-.405-.443-.601-.626s-.358-.297-.496-.355c-.139-.057-.334-.09-.602-.1c-.269-.009-.549.007-.869.018c-.3.011-.642.018-.956-.026c-.312-.044-.683-.151-.971-.44H3.81c-.287-.29-.394-.661-.438-.973a5.6 5.6 0 0 1-.026-.955c.011-.32.026-.6.017-.868s-.042-.463-.1-.602l-.053-.108a2.2 2.2 0 0 0-.3-.388c-.184-.196-.393-.383-.627-.6a5.6 5.6 0 0 1-.657-.695c-.19-.252-.377-.59-.377-.998s.188-.746.377-.998c.19-.254.438-.49.657-.694c.234-.218.443-.405.626-.601s.298-.358.355-.496c.057-.139.09-.334.1-.602c.009-.269-.007-.549-.018-.869a5.6 5.6 0 0 1 .026-.956c.044-.312.151-.683.44-.971c.288-.289.66-.396.971-.44a5.6 5.6 0 0 1 .956-.026c.32.011.6.027.87.017c.267-.009.462-.042.6-.1l.11-.053q.167-.097.387-.3c.196-.184.383-.393.6-.627a5.6 5.6 0 0 1 .695-.657c.252-.19.59-.377.998-.377s.746.188.998.377c.254.19.49.438.694.657c.218.234.405.443.601.626s.358.298.496.355c.139.057.334.09.602.1c.268.008.548-.007.868-.018c.3-.01.64-.018.955.026c.273.039.591.125.86.338l.112.1l.002.002c.288.288.395.66.439.971c.044.314.037.656.026.956c-.011.32-.027.6-.017.87c.009.267.042.462.1.6c.056.14.171.301.354.497s.392.383.626.6c.22.205.466.441.657.695c.19.252.377.59.377.998"/><path fill="currentColor" d="M9.375 10.833V6.25a.625.625 0 1 1 1.25 0v4.583a.625.625 0 1 1-1.25 0"/></svg>

Badge Alert 20 Bold アイコンの使い方

React

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

<Icon icon="energy-icons:badge-alert-20-bold" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:badge-alert-20-bold" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:badge-alert-20-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--badge-alert-20-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:badge-alert-20-bold"></div>

Web コンポーネント

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

<iconify-icon icon="energy-icons:badge-alert-20-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/energy-icons/badge-alert-20-bold.svg" alt="Badge Alert 20 Bold アイコン" width="24" height="24">

Energy Icons の関連アイコン

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

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

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

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

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

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

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

Energy Icons をすべて見る →