Airbuds Outline アイコン

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:airbuds-outline

Airbuds Outline アイコン(solar:airbuds-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: デバイス
タグ: airbudsoutline、airbud

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.16581 2.25L5.21275 2.25C5.4789 2.24999 5.64093 2.24999 5.78214 2.25693C8.73594 2.40204 11.098 4.76407 11.2431 7.71786C11.25 7.85907 11.25 8.0211 11.25 8.28723V18.75C11.25 20.4069 9.90686 21.75 8.25 21.75C6.59315 21.75 5.25 20.4069 5.25 18.75V12.3C5.25 12.1619 5.13807 12.05 5 12.05C2.92893 12.05 1.25 10.3711 1.25 8.3L1.25 6.16581C1.24999 6.01259 1.24998 5.90829 1.25452 5.816C1.34916 3.88961 2.88961 2.34916 4.816 2.25452C4.90829 2.24998 5.01259 2.24999 5.16581 2.25ZM5.1875 3.75C5.0045 3.75 4.94013 3.75023 4.8896 3.75271C3.73377 3.80949 2.80949 4.73377 2.75271 5.8896C2.75023 5.94013 2.75 6.0045 2.75 6.1875V8.3C2.75 9.54264 3.75736 10.55 5 10.55C5.9665 10.55 6.75 11.3335 6.75 12.3V17.25H9.75V8.3125C9.75 8.01343 9.74977 7.89103 9.74488 7.79146C9.63763 5.60822 7.89178 3.86238 5.70854 3.75512C5.60897 3.75023 5.48657 3.75 5.1875 3.75ZM9.75 18.75H6.75C6.75 19.5784 7.42157 20.25 8.25 20.25C9.07843 20.25 9.75 19.5784 9.75 18.75ZM19.1104 3.75271C19.0599 3.75023 18.9955 3.75 18.8125 3.75C18.5134 3.75 18.391 3.75023 18.2915 3.75512C16.1082 3.86238 14.3624 5.60822 14.2551 7.79146C14.2502 7.89103 14.25 8.01343 14.25 8.3125V17.25H17.25V12.3C17.25 11.3335 18.0335 10.55 19 10.55C20.2426 10.55 21.25 9.54264 21.25 8.3V6.1875C21.25 6.00449 21.2498 5.94013 21.2473 5.8896C21.1905 4.73377 20.2662 3.80949 19.1104 3.75271ZM17.25 18.75H14.25C14.25 19.5784 14.9216 20.25 15.75 20.25C16.5784 20.25 17.25 19.5784 17.25 18.75ZM18.8342 2.25C18.9874 2.24999 19.0917 2.24998 19.184 2.25452C21.1104 2.34916 22.6508 3.88961 22.7455 5.816C22.75 5.90827 22.75 6.01255 22.75 6.16571V8.3C22.75 10.3711 21.0711 12.05 19 12.05C18.8619 12.05 18.75 12.1619 18.75 12.3V18.75C18.75 20.4069 17.4069 21.75 15.75 21.75C14.0931 21.75 12.75 20.4069 12.75 18.75V8.28723C12.75 8.0211 12.75 7.85907 12.7569 7.71786C12.902 4.76407 15.2641 2.40204 18.2179 2.25693C18.3591 2.24999 18.5211 2.24999 18.7873 2.25L18.8342 2.25ZM4.5 5.25C4.91422 5.25 5.25 5.58579 5.25 6V8.5C5.25 8.91422 4.91422 9.25 4.5 9.25C4.08579 9.25 3.75 8.91422 3.75 8.5V6C3.75 5.58579 4.08579 5.25 4.5 5.25ZM19.5 5.25C19.9142 5.25 20.25 5.58579 20.25 6V8.5C20.25 8.91422 19.9142 9.25 19.5 9.25C19.0858 9.25 18.75 8.91422 18.75 8.5V6C18.75 5.58579 19.0858 5.25 19.5 5.25Z" clip-rule="evenodd"/></svg>

Airbuds Outline アイコンの使い方

React

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

<Icon icon="solar:airbuds-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:airbuds-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:airbuds-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--airbuds-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:airbuds-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:airbuds-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/airbuds-outline.svg" alt="Airbuds Outline アイコン" width="24" height="24">

Solar の関連アイコン

Airbuds Outline アイコンのよくある質問

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

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Solar アイコンをすべて見る →