Aib アイコン
simple-icons:aib
Aib アイコン(simple-icons:aib)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.813.004q-.07.02-.098.107c-.127.402-.601 3.019.728 3.13c4.032.333 3.338 3.608 6.284 4.214v1.07H9.633l-.945.93h3.038v1.818H9.165c-2.01 0-2.849-1.378-2.52-2.427c.284-.903 2.21-2.605-.13-3.334c.743 2.026-2.43 1.776-2.43 4.894c0 2.435 2.803 3.326 5.08 3.326h6.371c2.277 0 5.08-.891 5.08-3.326c0-3.118-3.172-2.868-2.43-4.894c-2.34.73-.412 2.43-.128 3.334c.33 1.049-.511 2.427-2.522 2.427h-2.562V9.455h3.039l-.946-.93h-2.093V7.46c2.39-.49 2.68-2.883 4.318-4.049c.741-.527 2.063-.53 2.063-.53L17.328 1.38c-.196-.146-.642-.455-1.168-.455c-.635 0-1.504.923-2.101 1.304c-1.28.818-4.094 2.13-9.086-2.17q-.091-.074-.16-.054zm11.476 1.758c.306 0 .555.248.555.554a.555.555 0 0 1-.555.555a.554.554 0 0 1-.555-.555c0-.306.248-.554.555-.554M5.895 15.955L2.713 24h1.662l.736-1.887h3.127L8.984 24h1.688l-3.014-7.625a.67.67 0 0 0-.613-.42zm5.17 0v.367l.138.063c.202.143.346.49.346.898l.002 6.43c0 .158.127.287.285.287h1.824v-.367l-.14-.063c-.203-.143-.346-.492-.346-.9v-6.428a.286.286 0 0 0-.285-.287zm3.832 0V24H18.7c1.602 0 2.586-1.074 2.586-2.182c0-.878-.596-1.633-1.453-1.974c.579-.397.953-1.013.953-1.707c0-1.108-.984-2.182-2.586-2.182zm1.515 1.389h1.85a.965.965 0 0 1 .047 1.93h-1.897zm-9.726.894l1 2.477H5.68zm9.726 2.444h2.383c.534 0 .935.429.935.963a.97.97 0 0 1-.968.966h-2.35Z"/></svg>Aib アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:aib" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:aib" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:aib" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--aib]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:aib"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:aib"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/aib.svg" alt="Aib アイコン" width="24" height="24">他のアイコンセットの Aib アイコン
Aib アイコン のよくある質問
Aib アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Aib アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:aib" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Aib アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/aib.svg" alt="Aib アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。