Burn アイコン
la:burn
Burn アイコン(la:burn)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 科学
- タグ
- burn solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m16.031 3.469l-.656.562s-2.34 1.91-4.656 4.688C8.402 11.496 6 15.16 6 19c0 2.766 1.133 5.07 2.969 6.625c1.722 1.457 4.027 2.246 6.531 2.344c.168.008.332.031.5.031s.332-.023.5-.031c2.504-.098 4.809-.887 6.531-2.344C24.867 24.07 26 21.765 26 19c0-3.457-2.414-7.059-4.719-9.938c-2.304-2.878-4.593-5-4.593-5zM15.97 6.25c.52.492 1.883 1.727 3.75 4.063C21.914 13.059 24 16.559 24 19c0 2.234-.867 3.93-2.281 5.125c-.344.29-.719.555-1.125.781c.246-.59.406-1.23.406-1.906c0-6.25-3.344-10.063-3.344-10.063l-1.812-2.03l.062 2.718s.004 1.273-.156 2.5c-.082.613-.195 1.223-.344 1.563c-.043.097-.062.109-.094.156a2.2 2.2 0 0 1-.718-.5c-.336-.344-.563-.688-.563-.688l-.969-1.5l-.75 1.625S11 19.457 11 23c0 .676.16 1.316.406 1.906a7 7 0 0 1-1.125-.781C8.867 22.93 8 21.235 8 19c0-2.957 2.098-6.379 4.281-9c1.852-2.219 3.164-3.305 3.688-3.75zm1.687 10.531C18.34 18.266 19 20.34 19 23a3 3 0 0 1-6 0c0-1.594.309-2.941.594-3.906c.449.402 1 .812 1.812.812c.477 0 .93-.218 1.219-.5c.29-.281.453-.613.594-.937c.226-.528.343-1.114.437-1.688z"/></svg>
Burn アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:burn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:burn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:burn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--burn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:burn"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:burn"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/la/burn.svg" alt="Burn アイコン" width="24" height="24">
Burn アイコン のよくある質問
Burn アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Burn アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:burn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Burn アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/burn.svg" alt="Burn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
