Ch Gr アイコン
circle-flags:ch-gr
Ch Gr アイコン(circle-flags:ch-gr)は、Circle Flags セットの無料 SVG アイコンです（作者: HatScripts）。 512 × 512 のグリッドで描かれています。 Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Circle Flags
- 作者
- HatScripts
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- chgr
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#eee" d="M128 0h128l256 256v256H0V256Z"/><path fill="#338af3" d="M256 0h64l32 32l32-32h64l64 64v64l-32 32l32 32v64h-64l-32-32l-32 32h-64l-64-64v-64l32-32l-32-32Z"/><path fill="#333" d="M0 0h128v256H0z"/><path fill="#ffda44" d="M320 0v64h-64v64h128V0zm64 128v128h64v-64h64v-64zm-128 64h64v64h-64zM448 0h64v64h-64z"/><path fill="#333" d="M291 291c-32 0-68 8-82 19c-5 4-7 10-7 16c0 10 7 18 17 20l-25 7a99 99 0 0 0-77-44a9 9 0 0 0-3 18c33 12 45 13 57 37c-21-7-35 24-48 37c-3 1-4 4-4 7c0 5 4 9 9 9l6-2c13-10 26-33 44-28c57 16 66 13 105 7c-31 9-30 21-8 36c-11 17-25 17-41 22c-4 1-7 5-7 9c0 5 4 9 9 9l5-1c19-9 40-18 60-33c-1-8-13-17 8-24c9 8 14 19 41 16c4 7 10 12 7 28l-12 3c-5 0-8 4-8 9s4 9 9 9c3 0 6-2 7-4l18-14c2-15-2-29-8-42c-14-2-17-15-23-29c12 6 22 12 32-3c-14-5-28-13-39-4c-39-24-55-19-80-24c9-8 11-20 8-37c26-7 69-23 96 26c3-41-30-54-66-55"/></g></svg>Ch Gr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:ch-gr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:ch-gr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:ch-gr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--ch-gr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:ch-gr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:ch-gr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/circle-flags/ch-gr.svg" alt="Ch Gr アイコン" width="24" height="24">Circle Flags の関連アイコン
Ch Gr アイコン のよくある質問
Ch Gr アイコンは商用利用でも無料ですか?
はい。Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ch Gr アイコンを使うには?
@iconify/react をインストールして <Icon icon="circle-flags:ch-gr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ch Gr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/circle-flags/ch-gr.svg" alt="Ch Gr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。