Flag 16 アイコン
qlementine-icons:flag-16
Flag 16 アイコン(qlementine-icons:flag-16)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ナビゲーション
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 1.61v8.06q.146-.066.314-.134A7.3 7.3 0 0 1 5.004 9c1.38 0 2.36.557 3.22 1.05l.026.015c.879.502 1.65.934 2.75.934c.963 0 1.79-.121 2.36-.291c.287-.086.483-.178.596-.254l.047-.035v-8.3c-.105.047-.22.107-.36.179l-.292.148c-.547.273-1.25.553-2.35.553c-1.38 0-2.36-.557-3.22-1.05l-.026-.015C6.876 1.432 6.105 1 5.005 1c-.78 0-1.61.119-2.23.294a3 3 0 0 0-.699.27l-.068.044zm-1-.108c0-.224.105-.399.207-.516s.23-.209.355-.282c.252-.148.581-.271.935-.371c.715-.2 1.64-.331 2.5-.331c1.38 0 2.36.557 3.22 1.05l.026.015c.879.502 1.65.934 2.75.934c.9 0 1.45-.221 1.9-.447q.1-.05.209-.11c.384-.202.84-.443 1.39-.443a.5.5 0 0 1 .5.5v9c0 .384-.277.64-.484.78a3.2 3.2 0 0 1-.872.386c-.682.205-1.61.334-2.64.334c-1.38 0-2.36-.557-3.22-1.05l-.026-.015c-.879-.502-1.65-.934-2.75-.934c-.919 0-1.73.23-2.31.464a7 7 0 0 0-.681.318l-.005.003v4.71a.5.5 0 0 1-1 0v-14z" clip-rule="evenodd"/></svg>Flag 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:flag-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:flag-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:flag-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--flag-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:flag-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:flag-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/flag-16.svg" alt="Flag 16 アイコン" width="24" height="24">他のアイコンセットの Flag 16 アイコン
Flag 16 アイコン のよくある質問
Flag 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Flag 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:flag-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Flag 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/flag-16.svg" alt="Flag 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。