Anb アイコン

Q: Anb アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:anb

Anb アイコン(thesvg-color:anb)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 726 × 100 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 726 × 100

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="726" height="100" viewBox="0 0 726 100"><g fill="#0756a3"><path d="m-347.68 538.913l-1-3.9c-.2-.9-.4-1.9-.5-2.9h-.3l-1.5 6.8zm-5.4 8.1h-8.6l7.8-22.4h9l8 22.4h-8.6l-.7-2.8h-6.1z"/><path d="M-333.68 524.613h8.4l3.1 11.7h.2q.15-1.5.6-3l2.5-8.8h8.3l3.7 22.4h-7.9l-1.1-12.2h-.2c-.1.8-.3 1.5-.5 2.2l-3.2 10h-4.7l-2.9-9.5c-.3-.9-.4-1.8-.5-2.8h-.3c-.1.9-.1 1.8-.2 2.7l-.9 9.5h-7.9zm27.5 0h15v6.1h-6.8v2.1h6.3v5.8h-6.3v2.2h7.1v6.1h-15.3zm25.4 9.9h.6c1.3 0 2.7-.2 2.7-1.9s-1.2-1.9-2.6-1.9h-.6zm-8-9.9h9.8c5 0 9.3 2.1 9.3 7.8c0 3.4-1.3 4.8-4.3 5.8v.2c.5.4 1 .8 1.4 1.3l4.9 7.3h-9.4l-3.6-7.2h-.1v7.2h-7.9zm21.4 0h8.1v22.4h-8.1zm27.2 9.1c-1.3-1.3-3-2.1-4.8-2.3c-2.4 0-4.4 1.9-4.4 4.3c.1 2.5 2.1 4.4 4.5 4.4c1.8 0 3.5-.8 4.7-2.1l-.2 8.4c-1.9.6-3.8.9-5.8.9c-6.2.1-11.3-4.9-11.4-11v-.3c-.1-6.4 5.1-11.7 11.5-11.7h.2c1.9 0 3.7.3 5.5.9zm14.9 5.2l-1-3.9c-.2-.9-.4-1.9-.5-2.9h-.3l-1.5 6.8zm-5.4 8.1h-8.6l7.8-22.4h9l8 22.4h-8.6l-.7-2.8h-6.1z"/><path d="M-215.38 524.613h7.8l7.3 12.4h.2c-.4-1.9-.6-3.8-.7-5.7v-6.7h7.8v22.4h-7.7l-7.1-11.7h-.2c.3 1.5.5 3 .5 4.5v7.3h-7.8zm34.6 0h7.8l7.3 12.4h.2c-.4-1.9-.6-3.8-.7-5.7v-6.7h7.8v22.4h-7.8l-7.2-11.7h-.2c.3 1.5.5 3 .5 4.5v7.3h-7.8z"/><path d="m-144.58 538.913l-.9-3.9c-.2-.9-.4-1.9-.5-2.9h-.3l-1.5 6.8zm-5.4 8.1h-8.6l7.8-22.4h9l8 22.4h-8.6l-.7-2.8h-6.1zm12.8-22.4h17.1v7.3l-4.5-.2v15.3h-8.1v-15.3l-4.5.2zm18.6 0h8.1v22.4h-8.1zm17.5 11.4c-.1 2.3 1.8 4.2 4.1 4.3s4.2-1.8 4.3-4.1v-.2c.1-2.3-1.7-4.3-4-4.4s-4.3 1.7-4.4 4zm16.6-.1c0 7.2-5.6 11.5-12.4 11.5s-12.4-4.3-12.4-11.5c0-7 5.6-11.6 12.4-11.6s12.4 4.5 12.4 11.6m1.5-11.3h7.8l7.3 12.4h.2c-.4-1.9-.6-3.8-.7-5.7v-6.7h7.8v22.4h-7.8l-7.2-11.7h-.1c.3 1.5.5 3 .5 4.5v7.3h-7.8z"/><path d="m-46.78 538.913l-.9-3.9c-.2-.9-.4-1.9-.5-2.9h-.3l-1.5 6.8zm-5.4 8.1h-8.6l7.8-22.4h9l8 22.4h-8.6l-.7-2.8h-6.1zm16.7-22.4h8.1v15.2h6.8v7.2h-14.9zm31.6 17.1h.9c1.3 0 3.3 0 3.3-1.9c0-1.8-2.1-1.8-3.4-1.8h-.8zm.7-8.5c1.2 0 2.5-.1 2.5-1.7c0-1.7-1.5-1.5-2.7-1.5h-.6v3.2zm-8.2-8.6h9.5c4.3 0 8.7 1 8.7 6.2c.1 2-1.1 3.8-2.9 4.5v.2c2.4.7 4 2.8 4 5.3c0 4.6-4.3 6.2-8.2 6.2h-11.1zm32.6 14.3l-.9-3.9c-.2-.9-.4-1.9-.5-2.9h-.3l-1.5 6.8zm-5.4 8.1h-8.6l7.8-22.4h9l8 22.4h-8.6l-.7-2.8h-6.1zm16.5-22.4h7.8l7.3 12.4h.2c-.4-1.9-.6-3.8-.7-5.7v-6.7h7.8v22.4h-7.8l-7.2-11.7h-.2c.3 1.5.5 3 .5 4.5v7.3h-7.7zm23.7 0h7.9l-.2 9.7h.2c.2-.9.6-1.7 1.1-2.5l3.9-7.2h8.9l-7 10.9l7.7 11.5h-9.4l-3.8-6.8c-.6-.8-1-1.7-1.4-2.6h-.2l.2 9.4h-7.9zm35.9 11.3c-.1 2.3 1.8 4.2 4.1 4.3s4.2-1.8 4.3-4.1v-.2c.1-2.3-1.7-4.3-4-4.4s-4.3 1.7-4.4 4zm16.6-.2c0 7.2-5.5 11.5-12.4 11.5s-12.4-4.3-12.4-11.5c0-7 5.6-11.6 12.4-11.6s12.4 4.6 12.4 11.6m1-11.2h15v6.4h-6.8v2.3h6v5.8h-6v7.8h-8.2zm23.9 0h17.1v7.3l-4.5-.2v15.3h-8.1v-15.3l-4.5.2zm19.1 0h15v6.1h-6.9v2.1h6.3v5.8h-6.3v2.2h7.1v6.1h-15.3zm40 0l-7 10.5l8 11.9h-9.3l-2.5-4.7c-.2-.4-.4-.9-.5-1.4h-.2c-.2.5-.4 1.1-.6 1.5l-2.5 4.6h-9.3l7.8-11.9l-7-10.5h9.2l1.7 3.2c.3.6.5 1.2.7 1.8h.2c.2-.6.4-1.3.7-1.8l1.5-3.2z"/><path d="m206.02 538.813l-.9-3.9c-.2-.9-.4-1.9-.5-2.9h-.3l-1.5 6.8zm-5.4 8.1h-8.6l7.8-22.4h9l8 22.4h-8.6l-.7-2.8h-6.2z"/><path d="m218.62 538.813l.4.3c1.4 1.2 3.2 1.9 5.1 2c.8 0 2.1-.3 2.1-1.3s-1.1-1.1-1.8-1.2l-1.6-.3c-3.2-.6-5.8-2.4-5.8-5.9c0-5.3 4.8-8.3 9.7-8.3c2.5 0 5 .7 7.1 2l-2.2 5.7c-1.4-1-3-1.6-4.7-1.7c-.7 0-1.8.3-1.8 1.2c0 .8 1 .9 1.6 1.1l1.8.4c3.4.8 5.9 2.6 5.9 6.4c0 5.3-4.9 8-9.7 8c-3 0-5.9-.7-8.6-2z"/></g><path fill="#ee3528" d="m-426.904 549.351l14.4 41.3h48.7l-25.8-70.2h-75.9l-25.8 70.2h48.7l14.4-41.3z"/><path fill="#0756a3" d="M-400.604 490.651h-54l-11 29.8h75.9z"/><path fill="#fff" d="m-412.904 538.151l20-17.6h-26.3l-8.3-23.1l-8.3 23.1h-26.2l19.9 17.6l-9.3 25.9l23.8-14.1l23.8 14.1zm-37.1-41.4l1.1-1h-1.4l-.5-1.3l-.5 1.3h-1.4l1.1 1l-.5 1.4l1.3-.8l1.3.8zm9.1 1.5l-.5-1.4l1.1-1h-1.4l-.5-1.3l-.5 1.3h-1.4l1.1 1l-.5 1.4l1.3-.8zm8-1.5l1.1-1h-1.4l-.4-1.3l-.5 1.3h-1.4l1.1 1l-.5 1.4l1.3-.8l1.3.8zm-20.4 10.1l1.1-1h-1.4l-.5-1.3l-.5 1.3h-1.4l1.1 1l-.5 1.4l1.3-.8l1.3.8zm9 1.4l-.5-1.4l1.1-1h-1.4l-.5-1.3l-.5 1.3h-1.4l1.1 1l-.5 1.4l1.3-.8z"/><path fill="#fff" d="m-436.304 506.851l1.1-1h-1.4l-.5-1.3l-.4 1.3h-1.4l1.1 1l-.5 1.4l1.3-.8l1.3.8zm-20.4 10l1.1-1h-1.4l-.5-1.3l-.5 1.3h-1.4l1.1 1l-.5 1.4l1.3-.8l1.3.8zm9 1.4l-.5-1.4l1.1-1h-1.4l-.5-1.3l-.5 1.3h-1.4l1.1 1l-.5 1.4l1.3-.8zm8.1-1.4l1.1-1h-1.4l-.5-1.3l-.5 1.3h-1.4l1.1 1l-.5 1.4l1.3-.8l1.3.8zm34.7-20.1l-1.1-1h1.4l.5-1.3l.5 1.3h1.4l-1.1 1l.5 1.4l-1.3-.8l-1.3.8zm-9 1.5l.5-1.4l-1.1-1h1.4l.5-1.3l.4 1.3h1.4l-1.1 1l.5 1.4l-1.3-.8zm-8-1.5l-1.1-1h1.4l.5-1.3l.5 1.3h1.4l-1.1 1l.5 1.4l-1.3-.8l-1.3.8zm20.4 10.1l-1.1-1h1.4l.5-1.3l.5 1.3h1.4l-1.1 1l.5 1.4l-1.3-.8l-1.3.8zm-9.1 1.4l.5-1.4l-1.1-1h1.4l.5-1.3l.5 1.3h1.4l-1.1 1l.5 1.4l-1.3-.8zm-8-1.4l-1.1-1h1.4l.5-1.3l.5 1.3h1.4l-1.1 1l.5 1.4l-1.3-.8l-1.3.8zm20.4 10l-1.1-1h1.4l.5-1.3l.5 1.3h1.4l-1.1 1l.5 1.4l-1.3-.8l-1.3.8zm-9 1.4l.5-1.4l-1.1-1h1.4l.5-1.3l.5 1.3h1.4l-1.1 1l.5 1.4l-1.3-.8zm-8-1.4l-1.1-1h1.4l.5-1.3l.5 1.3h1.4l-1.1 1l.5 1.4l-1.3-.8l-1.3.8z"/></svg>

Anb アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:anb" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:anb" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:anb" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--anb]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:anb"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:anb"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/anb.svg" alt="Anb アイコン" width="24" height="24">

他のアイコンセットの Anb アイコン

Anb アイコンのよくある質問

Anb アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Anb アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:anb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Anb アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/anb.svg" alt="Anb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →