Flag アイコン

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

はい。Elegant icons は GPL 3.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

et:flag

Flag アイコン(et:flag)は、Elegant セットの無料 SVG アイコンです（作者: Kenny Sing）。 28 × 32 のグリッドで描かれています。 Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elegant
作者: Kenny Sing
ライセンス: GPL-3.0-or-later
サイズ: 28 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="0 0 28 32"><g fill="currentColor"><path d="M13.5 1h-11a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h11.002c.251 0 1.498.074 1.498 1.5a.5.5 0 0 0 1 0V3.484C15.973 2.625 15.416 1 13.5 1M15 16.456A2.8 2.8 0 0 0 13.5 16H3V2h10.5c1.396 0 1.494 1.363 1.5 1.5z"/><path d="M26.329 21H12.487c.006.001-.703.009-1.14-.419q-.378-.373-.379-1.081a.5.5 0 0 0-1 0c0 .754.231 1.36.688 1.803c.687.665 1.648.697 1.819.697h13.854c.389 0 .719-.157.931-.443c.281-.379.275-.863.185-1.162c-.563-1.853-3.541-5.883-4.379-6.996c.807-1.241 3.815-5.94 4.379-7.793c.091-.299.097-.782-.185-1.162c-.212-.287-.542-.444-.931-.444h-8.787a.5.5 0 0 0 0 1h8.787c.099 0 .119.028.127.039c.047.062.055.197.031.275c-.596 1.961-4.412 7.772-4.451 7.831a.5.5 0 0 0 .021.579c.038.05 3.839 5.018 4.43 6.961c.023.079.016.213-.031.276c-.008.011-.028.039-.127.039M1 31.5V.5a.5.5 0 0 0-1 0v31a.5.5 0 0 0 1 0"/></g></svg>

Flag アイコンの使い方

React

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

<Icon icon="et:flag" width="24" />

Vue

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

<template>
  <Icon icon="et:flag" width="24" />
</template>

Svelte

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

<Icon icon="et:flag" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="et:flag"></iconify-icon>

HTML 画像

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

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

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

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

はい。Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

Elegant アイコンをすべて見る →