Flag Chequered Sharp Duotone アイコン

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

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

keyline-icons:flag-chequered-sharp-duotone

Flag Chequered Sharp Duotone アイコン(keyline-icons:flag-chequered-sharp-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: flagchequered、chequeredsharp、sharpduotone、flagchequeredsharpduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M5 4.5139C5.9674 4.8359 6.9804 5 8 5C8.1111 5 8.2223 4.998 8.3333 4.9942L8.3333 8.4926C8.2223 8.4975 8.1112 8.5 8 8.5C6.9676 8.5 5.9462 8.2868 5 7.8739L5 4.5139ZM15.6667 3.0074C15.7777 3.0025 15.8888 3 16 3C17.0324 3 18.0538 3.2132 19 3.6261L19 6.9861C18.0326 6.6641 17.0196 6.5 16 6.5C15.8889 6.5 15.7777 6.502 15.6667 6.5058L15.6667 3.0074ZM10.3333 10.209C10.9061 10.0639 11.4641 9.8656 12 9.6168C12.5213 9.3271 13.081 9.0639 13.6667 8.8722L13.6667 12.291C13.0939 12.4361 12.5359 12.6344 12 12.8832C11.4787 13.1729 10.919 13.4361 10.3333 13.6278L10.3333 10.209Z" stroke="none"/><path d="M4 14C5.2311 14.6566 6.6048 15 8 15C9.3952 15 10.7689 14.6566 12 14C13.2311 13.3434 14.6048 13 16 13C17.3952 13 18.7689 13.3434 20 14L20 3C18.7689 2.3434 17.3952 2 16 2C14.6048 2 13.2311 2.3434 12 3C10.7689 3.6566 9.3952 4 8 4C6.6048 4 5.2311 3.6566 4 3L4 23M9.3333 3.8948L9.3333 14.8948M14.6667 2.1052L14.6667 13.1052M4 8.5C5.2311 9.1566 6.6048 9.5 8 9.5C9.3952 9.5 10.7689 9.1566 12 8.5C13.2311 7.8434 14.6048 7.5 16 7.5C17.3952 7.5 18.7689 7.8434 20 8.5"/></g></svg>

Flag Chequered Sharp Duotone アイコンの使い方

React

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

<Icon icon="keyline-icons:flag-chequered-sharp-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:flag-chequered-sharp-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:flag-chequered-sharp-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--flag-chequered-sharp-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:flag-chequered-sharp-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:flag-chequered-sharp-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/flag-chequered-sharp-duotone.svg" alt="Flag Chequered Sharp Duotone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →