Triangular Flag アイコン

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

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

noto:triangular-flag

Triangular Flag アイコン(noto:triangular-flag)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 旗
タグ: triangularflag、flag for triangular flag

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#B0B0B0" d="M8.04 3.32c-2.73.73-3.69 3.34-3.33 6.14c.35 2.81 13.69 110.04 14.04 112.15s2.46 2.98 4.91 2.81c2.46-.18 4.39-2.11 4.21-4.21C27.7 118.1 13.66 8.41 13.3 6.83s-2.63-4.21-5.26-3.51"/><path fill="#C8C8C8" d="M22.43 117.14c-.74 0-1.39-.55-1.49-1.31L7.12 8.39c-.1-.82.48-1.57 1.3-1.68c.82-.1 1.57.47 1.68 1.3l13.82 107.44c.11.82-.47 1.57-1.3 1.68c-.06.01-.13.01-.19.01"/><path fill="#CC1935" d="M20.98 73.61s.21 2.14.85 3.33c.46.87 1.9.31 3.06-.73c1.22-1.1 7.22-5.26 16.64-7.47c11.57-2.7 26.2-7.27 35.25-13.22c12.85-8.44 16.09-15.01 21.91-22.27c5.87-7.34 9.55-10.77 15.18-13.83c5.68-3.09 7.96-3.55 8.69-3.55s1.84-1.96.12-2.81c-1.71-.86-14.32-1.71-14.32-1.71L24.28 59.08z"/><path fill="#FE2C23" d="m12.65 7.92l8.32 65.72s4.31-5.05 13.58-8.32c10.77-3.79 25.33-6 32.68-9.79S84.49 43.9 91.1 36.19s11.16-14.41 18.11-19.34c5.87-4.16 13.46-3.79 13.46-3.79s-5.75-4.41-16.28-3.3c-12.17 1.27-27.76 10.76-33.9 9.67C60.75 17.34 59.04 9.14 47.41 6.57C29.08 2.52 12.65 7.92 12.65 7.92"/><path fill="#FF5F5F" d="M25.5 53.08c1.58-.18 3.18-9.79 7.47-17.13s11.01-13.46 13.58-15.18c2.57-1.71 5.63-3.92 1.59-6.12s-11.26-3.92-18.48-3.92c-7 0-8.81.73-9.18 1.59s1.71 23.01 2.45 28.15c.74 5.15 1.47 12.73 2.57 12.61m34.39-.61c.13.77 11.99-4.41 17.87-11.14c4.79-5.48 6.73-11.87 11.14-16.4s8.93-9.06 8.93-9.06s-12.97 1.59-20.19 10.16s-9.67 14.07-11.26 16.64c-1.59 2.58-6.61 9.06-6.49 9.8"/></svg>

Triangular Flag アイコンの使い方

React

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

<Icon icon="noto:triangular-flag" width="24" />

Vue

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

<template>
  <Icon icon="noto:triangular-flag" width="24" />
</template>

Svelte

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

<Icon icon="noto:triangular-flag" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--triangular-flag]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:triangular-flag"></div>

Web コンポーネント

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

<iconify-icon icon="noto:triangular-flag"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/triangular-flag.svg" alt="Triangular Flag アイコン" width="24" height="24">

Noto Emoji の関連アイコン

他のアイコンセットの Triangular Flag アイコン

Triangular Flag アイコンのよくある質問

Triangular Flag アイコンは商用利用でも無料ですか?

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

React で Triangular Flag アイコンを使うには?

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

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

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

Noto Emoji アイコンをすべて見る →