Chineseflag アイコン
fxemoji:chineseflag
Chineseflag アイコン(fxemoji:chineseflag)は、Firefox OS Emoji セットの無料 SVG アイコンです(作者: Mozilla)。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 旗
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FF473E" d="M497.638 77.757c-159.163-39.106-318.326 43.539-477.489 8.034C10.319 83.599 1 91.122 1 101.194v312.772c0 7.251 4.94 13.588 11.981 15.318c159.163 39.106 318.326-43.539 477.489-8.034c9.83 2.193 19.149-5.331 19.149-15.403V93.075c0-7.25-4.939-13.588-11.981-15.318"/><path fill="#FFD469" d="M65.274 198.432L45.097 209.04c-2.992 1.573-6.489-.968-5.918-4.299l3.853-22.467a4.08 4.08 0 0 0-1.173-3.61l-16.323-15.911c-2.421-2.36-1.085-6.47 2.26-6.957l22.558-3.278a4.08 4.08 0 0 0 3.071-2.231l10.088-20.441c1.496-3.031 5.819-3.031 7.315 0l10.088 20.441a4.08 4.08 0 0 0 3.071 2.231l22.558 3.278c3.345.486 4.681 4.597 2.26 6.957l-16.323 15.911a4.08 4.08 0 0 0-1.173 3.61l3.853 22.467c.571 3.332-2.926 5.872-5.918 4.299L69.07 198.432a4.08 4.08 0 0 0-3.796 0m94.258-67.058l5.24 2.755a1.06 1.06 0 0 0 1.537-1.116l-1.001-5.834a1.06 1.06 0 0 1 .305-.937l4.239-4.132a1.06 1.06 0 0 0-.587-1.807l-5.858-.851a1.06 1.06 0 0 1-.797-.579l-2.62-5.308a1.059 1.059 0 0 0-1.899 0l-2.62 5.308a1.06 1.06 0 0 1-.797.579l-5.858.851a1.06 1.06 0 0 0-.587 1.807l4.239 4.132c.25.243.364.594.305.937l-1.001 5.834a1.06 1.06 0 0 0 1.537 1.116l5.24-2.755c.306-.162.675-.162.983 0m31.467 32.524l5.24 2.755a1.06 1.06 0 0 0 1.537-1.116l-1.001-5.834a1.06 1.06 0 0 1 .305-.937l4.239-4.132a1.06 1.06 0 0 0-.587-1.807l-5.858-.851a1.06 1.06 0 0 1-.797-.579l-2.62-5.308a1.059 1.059 0 0 0-1.899 0l-2.62 5.308a1.06 1.06 0 0 1-.797.579l-5.858.851a1.06 1.06 0 0 0-.587 1.807l4.239 4.132c.25.243.364.594.305.937l-1.001 5.834a1.06 1.06 0 0 0 1.537 1.116l5.24-2.755c.305-.162.674-.162.983 0m0 47.523l5.24 2.755a1.06 1.06 0 0 0 1.537-1.116l-1.001-5.834a1.06 1.06 0 0 1 .305-.937l4.239-4.132a1.06 1.06 0 0 0-.587-1.807l-5.858-.851a1.06 1.06 0 0 1-.797-.579l-2.62-5.308a1.059 1.059 0 0 0-1.899 0l-2.62 5.308a1.06 1.06 0 0 1-.797.579l-5.858.851a1.06 1.06 0 0 0-.587 1.807l4.239 4.132c.25.243.364.594.305.937l-1.001 5.834a1.06 1.06 0 0 0 1.537 1.116l5.24-2.755c.305-.162.674-.162.983 0m-31.467 32.524l5.24 2.755a1.06 1.06 0 0 0 1.537-1.116l-1.001-5.834a1.06 1.06 0 0 1 .305-.937l4.239-4.132a1.06 1.06 0 0 0-.587-1.807l-5.858-.851a1.06 1.06 0 0 1-.797-.579l-2.62-5.308a1.059 1.059 0 0 0-1.899 0l-2.62 5.308a1.06 1.06 0 0 1-.797.579l-5.858.851a1.06 1.06 0 0 0-.587 1.807l4.239 4.132c.25.243.364.594.305.937l-1.001 5.834a1.06 1.06 0 0 0 1.537 1.116l5.24-2.755c.306-.162.675-.162.983 0"/></svg>Chineseflag アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:chineseflag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:chineseflag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:chineseflag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--chineseflag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:chineseflag"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:chineseflag"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/chineseflag.svg" alt="Chineseflag アイコン" width="24" height="24">Chineseflag アイコン のよくある質問
Chineseflag アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Chineseflag アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:chineseflag" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chineseflag アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/chineseflag.svg" alt="Chineseflag アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。