Loudbang アイコン
arcticons:loudbang
Loudbang アイコン(arcticons:loudbang)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.848 42.52c-.856-.029-3.859-.176-4.365-.342c-.516-.175-5.48.083-5.913 0s-2.57.341-3.602.083s-2.311-.083-2.652-.516c0 0-2.146.175-1.713-1.455c0 0-1.538-2.312.175-2.827c0 0 .598-.433 1.197-.857s.599-.433.599-.433h.598s1.373-2.652 3.942-.34c0 0 3.086-.434 4.283 1.63l.341-.682s-.516-2.57.682-3.168c0 0 .082-2.487.773-2.828l.175-7.451s-1.031-.682-1.63-.175c-.599.516-1.29.433-1.796.516c-.516.082-1.796.175-2.57-.258c0 0-3.002.515-3.6-.682c0 0-3.252.175-3.003-1.796c0 0-3.344-.774-1.713-3.86c0 0-.857-1.537-.341-2.053c0 0-.94-3.251 1.114-4.117c0 0 3.51-4.799 8.824-4.716c0 0 2.487-.258 2.827-.34c.341-.083 1.63-.94 2.828 0h2.054s1.713-1.198 3.085-.083l1.63.515s2.828-.856 4.458.516c0 0 2.653-.856 4.366 1.373c0 0 3.343 1.63 4.025 3.859c0 0 3.168 1.114.516 4.365c0 0 .681.516.34 1.29s-.939 1.372-1.63 1.538c0 0 .599 2.827-2.652 3.002c0 0-1.115 1.63-3.252.6c0 0-.856 1.371-3.085.515c0 0-2.57.857-3.86 0l-.082 7.525s0 1.197.34 1.97s.259 3.17.084 3.685c0 0 .856.258 1.455.083s1.372-.433 1.63-.599c.258-.175 0-.083 1.032-.599c1.031-.515 2.228-.598 2.652-.082c0 0 1.796-.083 2.312.939c0 0 2.146.682 2.054 1.63c0 0 1.796 2.23.175 3.344c0 0-1.115 1.455-3.344 1.29c0 0-1.97-.94-2.57-.084s-2.569-.681-2.569-.681s-1.538.838-4.624.755Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.397 27.783c-3.343 0-7.626 1.63-2.91 2.311c5.424.792 13.134.48 16.026 0c3.085-.516 2.146-1.29-2.57-2.146"/></svg>Loudbang アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:loudbang" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:loudbang" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:loudbang" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--loudbang]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:loudbang"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:loudbang"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/loudbang.svg" alt="Loudbang アイコン" width="24" height="24">Loudbang アイコン のよくある質問
Loudbang アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Loudbang アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:loudbang" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Loudbang アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/loudbang.svg" alt="Loudbang アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。