Ug アイコン
flagpack:ug
Ug アイコン(flagpack:ug)は、Flagpack セットの無料 SVG アイコンです（作者: Yummygum）。 32 × 24 のグリッドで描かれています。 Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><path fill="#feca00" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/><mask id="SVGcFaS5cXn" width="32" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/></mask><g mask="url(#SVGcFaS5cXn)"><path fill="#272727" d="M0 0h32v4H0z"/><path fill="#d74800" d="M0 8h32v4H0z"/><path fill="#272727" d="M0 12h32v4H0z"/><path fill="#d74800" d="M0 20h32v4H0z"/><path fill="#f7fcff" fill-rule="evenodd" d="M16 18a6 6 0 1 0 0-12a6 6 0 0 0 0 12" clip-rule="evenodd"/><path fill="#272727" fill-rule="evenodd" d="m13.68 8.329l-1.058.347l1.058.09s.17.419 0 .745c-.044.083-.156.19-.299.325c-.42.399-1.108 1.05-1.108 2.11c0 1.42 2.74 2.064 2.74 2.064v.675s.319.197-1.496.197c-1.574 0-1.475.598-1.421.925a1 1 0 0 1 .015.128c0 .258.756-.258 1.11-.772c.187-.271.968-.257 1.769-.183c.063.006.647 1.244.14 1.883c-.213.268-.949.303-1.408.325c-.235.011-.397.02-.382.053c.011.025.15.017.351.005c.252-.015.601-.036.923-.005c.049.004-.14.169-.332.335c-.198.171-.397.345-.341.347c.063.003.433-.201.769-.387c.277-.154.532-.295.57-.295c.254 0 .483.03.684.058c.335.046.592.081.754-.058c.05-.043-.24-.113-.534-.183c-.303-.073-.612-.147-.563-.195c.278-.277.162-.857.07-1.313c-.041-.205-.077-.385-.07-.502c.023-.415.462-.197.807-.026c.151.075.284.14.356.14c.653 0-.158-.825-.603-1.279l-.107-.11c-.226-.233-.068-.202.291-.13c.274.053.664.13 1.089.13c.981 0 1.697-.318 1.448-1.181c-.164-.57-1.062-.763-2.001-.965c-.484-.105-.979-.212-1.39-.373c-1.009-.398-.957-.978-.914-1.469q.015-.143.017-.274c0-.532.898-1.182.898-1.182s-.41-.687-1.09-.687c-.679 0-.742.687-.742.687m1.848 6.247v-.501s.42-.014.566.339c.148.353-.566.162-.566.162" clip-rule="evenodd"/><path fill="#d74800" fill-rule="evenodd" d="m13.077 6.711l1.014 1.202l.524-.123l-.251-1.214z" clip-rule="evenodd"/><path fill="#ffd018" fill-rule="evenodd" d="m14.393 6.42l.065 1.808l.866-.213l.368-1.184z" clip-rule="evenodd"/><path fill="#d74800" fill-rule="evenodd" d="M13.577 9.439a.34.34 0 0 0 .346-.338a.34.34 0 0 0-.346-.337a.34.34 0 0 0-.346.337c0 .187.155.338.346.338m2.2-2.679l-1.008 1.206l.213.496l1.15-.459zm2.342 9.133s1.772-.792 1.772-1.899s-2.878-2.313-2.878-2.313s-1.693.387-.93.906c.763.518 1.786.717 1.786 1.407s.28 1.348-.288 1.348s.538.551.538.551" clip-rule="evenodd"/><path fill="#fffdff" fill-rule="evenodd" d="M15.562 11.478s-.627.11-.598.212c.083.282.94.648 1.313.902c.764.518 1.487.46 2.025.123c.538-.338-2.74-1.237-2.74-1.237" clip-rule="evenodd"/></g></g></svg>Ug アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:ug" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:ug" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:ug" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--ug]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:ug"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:ug"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flagpack/ug.svg" alt="Ug アイコン" width="24" height="24">他のアイコンセットの Ug アイコン
Ug アイコン のよくある質問
Ug アイコンは商用利用でも無料ですか?
はい。Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ug アイコンを使うには?
@iconify/react をインストールして <Icon icon="flagpack:ug" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ug アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flagpack/ug.svg" alt="Ug アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。