Triangle Alert Sharp Fill アイコン
keyline-icons:triangle-alert-sharp-fill
Triangle Alert Sharp Fill アイコン(keyline-icons:triangle-alert-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- trianglealert、alertsharp、sharpfill、trianglealertsharpfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.1258 2.5144C11.5068 1.8285 12.4932 1.8285 12.8742 2.5144L22.8742 20.5144C23.2445 21.1809 22.7625 22 22 22L2 22C1.2375 22 0.7555 21.1809 1.1258 20.5144L11.1258 2.5144ZM12 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 16ZM11 10L11 14L13 14L13 10Z"/></svg>Triangle Alert Sharp Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:triangle-alert-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:triangle-alert-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:triangle-alert-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--triangle-alert-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:triangle-alert-sharp-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-sharp-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/triangle-alert-sharp-fill.svg" alt="Triangle Alert Sharp Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
Triangle Alert Sharp Fill アイコン のよくある質問
Triangle Alert Sharp Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Triangle Alert Sharp Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:triangle-alert-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Triangle Alert Sharp Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/triangle-alert-sharp-fill.svg" alt="Triangle Alert Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。