Au アイコン
flagpack:au
Au アイコン(flagpack:au)は、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"><clipPath id="SVGwYlrpEiW"><path fill="#fff" d="M0 0h18v14H0z"/></clipPath><clipPath id="SVGZsgvQeJN"><path fill="#fff" d="M6 2h25v21H6z"/></clipPath><g fill="none"><path fill="#2e42a5" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/><g clip-path="url(#SVGwYlrpEiW)"><path fill="#2e42a5" d="M0 0h18v14H0z"/><path fill="#f7fcff" d="m-2.004 13l3.96 1.737L18.09 1.889l2.09-2.582l-4.236-.58l-6.58 5.536l-5.297 3.73z"/><path fill="#f50100" d="m-1.462 14.217l2.018 1.008L19.429-.933h-2.833z"/><path fill="#f7fcff" d="m20.004 13l-3.96 1.737L-.09 1.889L-2.18-.693l4.236-.58l6.58 5.536l5.297 3.73z"/><path fill="#f50100" d="m19.87 13.873l-2.019 1.009l-8.036-6.918l-2.383-.773L-2.38-.684H.453l9.807 7.688l2.605.927z"/><path fill="#f50100" fill-rule="evenodd" d="M9.985 0h-2v6H0v2h7.985v6h2V8H18V6H9.985z" clip-rule="evenodd"/><path fill="#f7fcff" fill-rule="evenodd" d="M6.485 0h5v4.5H18v5h-6.515L11.5 14h-5l-.015-4.5H0v-5h6.485zm1.5 6H0v2h7.985v6h2V8H18V6H9.985V0h-2z" clip-rule="evenodd"/></g><g fill="#f7fcff" clip-path="url(#SVGZsgvQeJN)"><path d="m9 20.5l-1.302 1.203l.13-1.768l-1.753-.267l1.463-1.002l-.883-1.537l1.694.52L9 16l.65 1.648l1.695-.518l-.883 1.536l1.463 1.002l-1.752.267l.129 1.768zM22 13l-.868.802l.086-1.178l-1.168-.179l.975-.668l-.589-1.024l1.13.346L22 10l.434 1.099l1.13-.346l-.59 1.024l.976.668l-1.168.178l.086 1.179zm2-8l-.868.802l.086-1.179l-1.168-.178l.975-.668l-.589-1.024l1.13.346L24 2l.434 1.099l1.13-.346l-.59 1.024l.976.668l-1.168.178l.086 1.179zm5 4l-.868.802l.086-1.179l-1.168-.178l.975-.668l-.589-1.024l1.13.346L29 6l.434 1.099l1.13-.346l-.59 1.024l.976.668l-1.168.178l.086 1.179zm-4 13l-.868.802l.086-1.178l-1.168-.179l.975-.668l-.589-1.024l1.13.346L25 19l.434 1.099l1.13-.346l-.59 1.024l.976.668l-1.168.178l.086 1.179zm3.5-7.75l-.882.463l.169-.981l-.714-.695l.986-.144L28.5 12l.44.893l.987.143l-.714.696l.169.982z"/></g></g></svg>Au アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:au" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:au" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:au" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--au]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:au"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:au"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flagpack/au.svg" alt="Au アイコン" width="24" height="24">他のアイコンセットの Au アイコン
Au アイコン のよくある質問
Au アイコンは商用利用でも無料ですか?
はい。Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Au アイコンを使うには?
@iconify/react をインストールして <Icon icon="flagpack:au" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Au アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flagpack/au.svg" alt="Au アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。