Exclamation Triangle アイコン

Q: Exclamation Triangle アイコンは商用利用でも無料ですか?

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

stash:exclamation-triangle

Exclamation Triangle アイコン(stash:exclamation-triangle)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24
タグ: exclamationtriangle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.756 9.4C10.686 8.65 11.264 8 12 8s1.313.649 1.244 1.4l-.494 4.15a.76.76 0 0 1-.75.7a.76.76 0 0 1-.75-.7zm2.494 7.35a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/><path fill="currentColor" fill-rule="evenodd" d="M13.164 3.492a2.92 2.92 0 0 0-2.328 0c-.506.22-.881.634-1.222 1.115c-.338.477-.711 1.123-1.173 1.923l-4.815 8.34c-.438.758-.794 1.374-1.026 1.881c-.235.51-.4 1.025-.336 1.558c.095.782.526 1.48 1.175 1.929c.438.303.97.411 1.543.462c.57.05 1.3.05 2.205.05h9.626c.905 0 1.635 0 2.205-.05c.573-.05 1.105-.16 1.543-.462a2.75 2.75 0 0 0 1.175-1.929c.065-.533-.102-1.047-.336-1.558c-.232-.507-.588-1.123-1.026-1.882l-4.815-8.34c-.462-.799-.835-1.445-1.173-1.922c-.34-.48-.716-.894-1.222-1.115m-1.729 1.375a1.42 1.42 0 0 1 1.13 0c.123.054.303.192.597.608c.293.413.632.998 1.117 1.839l4.776 8.272c.463.8.782 1.356.982 1.79c.201.44.223.64.21.752a1.25 1.25 0 0 1-.54.876c-.11.076-.32.157-.82.201c-.497.044-1.16.045-2.11.045H7.223c-.951 0-1.614 0-2.11-.044c-.5-.045-.711-.126-.821-.202a1.25 1.25 0 0 1-.54-.876c-.013-.111.009-.313.21-.751c.2-.435.52-.99.982-1.791L9.72 7.314c.485-.841.824-1.426 1.117-1.84s.474-.553.597-.607" clip-rule="evenodd"/></svg>

Exclamation Triangle アイコンの使い方

React

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

<Icon icon="stash:exclamation-triangle" width="24" />

Vue

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

<template>
  <Icon icon="stash:exclamation-triangle" width="24" />
</template>

Svelte

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

<Icon icon="stash:exclamation-triangle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--exclamation-triangle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:exclamation-triangle"></div>

Web コンポーネント

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

<iconify-icon icon="stash:exclamation-triangle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/exclamation-triangle.svg" alt="Exclamation Triangle アイコン" width="24" height="24">

Stash Icons の関連アイコン

他のアイコンセットの Exclamation Triangle アイコン

Exclamation Triangle アイコンのよくある質問

Exclamation Triangle アイコンは商用利用でも無料ですか?

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

React で Exclamation Triangle アイコンを使うには?

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

Exclamation Triangle アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/exclamation-triangle.svg" alt="Exclamation Triangle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Stash Icons をすべて見る →