Au アイコン
cif:au
Au アイコン(cif:au)は、CoreUI Flags セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 301 × 151 のグリッドで描かれています。 CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Flags
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 301 × 151
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="301" height="151" viewBox="0 0 301 151"><defs><path id="SVG1c5abkZN" d="M.5.5h150v75H.5z"/><path id="SVGLA0Zc5ig" d="M.5.5V38h175v37.5h-25zm150 0h-75V88H.5V75.5z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#00008B" fill-rule="nonzero" d="M.5.5h300v150H.5z"/><mask id="SVGqVmMFcSm" fill="#fff"><use href="#SVG1c5abkZN"/></mask><path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="17.578" d="m.5.5l150 75m0-75l-150 75" mask="url(#SVGqVmMFcSm)"/><mask id="SVG9FXHqdsY" fill="#fff"><use href="#SVGLA0Zc5ig"/></mask><path fill="#000" fill-rule="nonzero" stroke="red" stroke-width="9.375" d="m.5.5l150 75m0-75l-150 75" mask="url(#SVG9FXHqdsY)"/><path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="23.438" d="M75.5.5V88M.5 38h175"/><path fill="#000" fill-rule="nonzero" stroke="red" stroke-width="14.063" d="M75.5.5v80.273M.5 38h155.273"/><path fill="#00008B" fill-rule="nonzero" d="M.5 75.5h150V.5h50v100H.5z"/><path fill="#FFF" fill-rule="nonzero" d="m75.5 90.5l4.339 13.491l13.252-5.019l-7.842 11.803l12.187 7.232l-14.118 1.228l1.944 14.037L75.5 123l-9.762 10.272l1.944-14.037l-14.118-1.228l12.187-7.232l-7.842-11.803l13.252 5.019zm150 24.285l2.066 6.424l6.311-2.39l-3.734 5.621l5.803 3.444l-6.722.585l.926 6.684l-4.649-4.891l-4.649 4.891l.926-6.684l-6.722-.585l5.803-3.444l-3.734-5.621l6.31 2.39zM188 55.411l2.066 6.424l6.311-2.39l-3.734 5.621l5.803 3.444l-6.722.585l.926 6.684l-4.65-4.892l-4.649 4.891l.926-6.684l-6.723-.585l5.803-3.444l-3.734-5.621l6.311 2.39zm37.5-40.625l2.066 6.424l6.311-2.39l-3.734 5.62l5.803 3.444l-6.722.585l.926 6.684l-4.649-4.891l-4.649 4.891l.926-6.684l-6.722-.585l5.803-3.444l-3.734-5.62l6.31 2.39zm33.333 30.625l2.066 6.424l6.311-2.39l-3.734 5.621l5.803 3.444l-6.723.585l.926 6.684l-4.649-4.891l-4.649 4.891l.926-6.684l-6.723-.585l5.803-3.444l-3.734-5.621l6.311 2.39zM240.5 75.5l1.633 4.003l4.311.316l-3.302 2.79l1.032 4.198l-3.674-2.279l-3.674 2.279l1.032-4.198l-3.302-2.79l4.311-.316z"/></g></svg>Au アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cif:au" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cif:au" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cif:au" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--au]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:au"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cif:au"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cif/au.svg" alt="Au アイコン" width="24" height="24">他のアイコンセットの Au アイコン
Au アイコン のよくある質問
Au アイコンは商用利用でも無料ですか?
はい。CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Au アイコンを使うには?
@iconify/react をインストールして <Icon icon="cif:au" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Au アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cif/au.svg" alt="Au アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。