Triangle Alert Fill アイコン
keyline-icons:triangle-alert-fill
Triangle Alert Fill アイコン(keyline-icons:triangle-alert-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- trianglealert、alertfill、trianglealertfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.73282 3.88688C10.2061 1.37155 13.7947 1.37151 15.268 3.88688L22.4623 16.172C23.9502 18.7134 22.1759 21.9998 19.1947 22.0002H4.80607C1.82451 22.0001 0.0501869 18.7136 1.53849 16.172L8.73282 3.88688ZM12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16ZM12 8C11.4477 8 11 8.44772 11 9V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V9C13 8.44772 12.5523 8 12 8Z"/></svg>Triangle Alert Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:triangle-alert-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:triangle-alert-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:triangle-alert-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--triangle-alert-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:triangle-alert-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:triangle-alert-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/triangle-alert-fill.svg" alt="Triangle Alert Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
他のアイコンセットの Triangle Alert Fill アイコン
Triangle Alert Fill アイコン のよくある質問
Triangle Alert Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Triangle Alert Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:triangle-alert-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Triangle Alert Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/triangle-alert-fill.svg" alt="Triangle Alert Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。