Uz アイコン
flagpack:uz
Uz アイコン(flagpack:uz)は、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="#14dc5a" fill-rule="evenodd" d="M0 16h32v8H0z" clip-rule="evenodd"/><path fill="#0099b5" fill-rule="evenodd" d="M0 0h32v10H0z" clip-rule="evenodd"/><path fill="#f7fcff" stroke="#c51918" d="M-2 9.5h-.5v7h37v-7z"/><path fill="#f7fcff" fill-rule="evenodd" d="m14.541 3.006l-.673.374l.192-.76l-.644-.558h.842l.282-.72l.331.72h.718l-.564.558l.271.76zm-3.608 2.291l.673-.374l.755.374l-.27-.76l.563-.558h-.718l-.33-.72l-.283.72h-.842l.644.558zM8.428 6.961l-.673.374l.192-.76l-.645-.559h.842l.283-.719l.33.72h.719l-.564.558l.27.76zm3.178 0l-.673.374l.192-.76l-.644-.559h.842l.282-.719l.331.72h.718l-.564.558l.271.76zm2.98 0l-.673.374l.192-.76l-.644-.559h.842l.282-.719l.331.72h.718l-.564.558l.271.76zm-.673-1.664l.673-.374l.755.374l-.27-.76l.563-.558h-.718l-.33-.72l-.283.72h-.842l.644.558zm3 2.038l.672-.374l.756.374l-.271-.76l.564-.559h-.718l-.332-.719l-.282.72h-.842l.645.558zm.672-2.412l-.673.374l.193-.76l-.645-.558h.842l.282-.72l.332.72h.718l-.564.558l.27.76zm-.717-1.543l.673-.374l.755.374l-.271-.76l.564-.558h-.718l-.331-.72l-.283.72h-.842l.645.558zm3.748 3.581l-.673.374l.192-.76l-.645-.559h.842l.283-.719l.33.72h.719l-.564.558l.27.76zm-.673-1.664l.673-.374l.755.374l-.271-.76l.564-.558h-.718l-.331-.72l-.283.72h-.842l.645.558zm.628-2.29l-.673.373l.192-.76l-.645-.558h.842l.283-.72l.331.72h.718l-.564.558l.271.76zM5.885 8.24s-2.416-.656-2.37-3.08S6 2.11 6 2.11c-.997-.377-3.945.13-4 3.028c-.054 2.9 2.956 3.47 3.885 3.104" clip-rule="evenodd"/></g></svg>Uz アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:uz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:uz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:uz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--uz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:uz"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:uz"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flagpack/uz.svg" alt="Uz アイコン" width="24" height="24">他のアイコンセットの Uz アイコン
Uz アイコン のよくある質問
Uz アイコンは商用利用でも無料ですか?
はい。Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Uz アイコンを使うには?
@iconify/react をインストールして <Icon icon="flagpack:uz" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Uz アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flagpack/uz.svg" alt="Uz アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。