Иконка Airbuds Case Outline

solar:airbuds-case-outline

Иконка Airbuds Case Outline (solar:airbuds-case-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Устройства
Теги: airbudscase, caseoutline, airbudscaseoutline, 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="M11.9548 1.25H12.0452C13.8818 1.24999 15.3214 1.24999 16.4635 1.37373C17.6291 1.50001 18.5734 1.76232 19.3798 2.34815C19.8679 2.70281 20.2972 3.13209 20.6518 3.62024C21.2377 4.42656 21.5 5.37094 21.6263 6.53648C21.75 7.67861 21.75 9.1182 21.75 10.9547V13.0453C21.75 14.8818 21.75 16.3214 21.6263 17.4635C21.5 18.6291 21.2377 19.5734 20.6518 20.3798C20.2972 20.8679 19.8679 21.2972 19.3798 21.6518C18.5734 22.2377 17.6291 22.5 16.4635 22.6263C15.3214 22.75 13.8818 22.75 12.0453 22.75H11.9547C10.1182 22.75 8.67861 22.75 7.53648 22.6263C6.37094 22.5 5.42656 22.2377 4.62024 21.6518C4.13209 21.2972 3.70281 20.8679 3.34815 20.3798C2.76232 19.5734 2.50001 18.6291 2.37373 17.4635C2.24999 16.3214 2.24999 14.8818 2.25 13.0452V10.9548C2.24999 9.11821 2.24999 7.67861 2.37373 6.53648C2.50001 5.37094 2.76232 4.42656 3.34815 3.62024C3.70281 3.13209 4.13209 2.70281 4.62024 2.34815C5.42656 1.76232 6.37094 1.50001 7.53648 1.37373C8.67861 1.24999 10.1182 1.24999 11.9548 1.25ZM7.69805 2.865C6.66013 2.97745 6.00992 3.19259 5.50191 3.56168C5.14111 3.82382 4.82382 4.14111 4.56168 4.50191C4.19259 5.00992 3.97745 5.66013 3.865 6.69805C3.8158 7.15217 3.78765 7.66341 3.77154 8.25H6.35352C6.67998 7.09575 7.74122 6.25 9 6.25H15C16.2588 6.25 17.32 7.09575 17.6465 8.25H20.2285C20.2124 7.66341 20.1842 7.15217 20.135 6.69805C20.0225 5.66013 19.8074 5.00992 19.4383 4.50191C19.1762 4.14111 18.8589 3.82382 18.4981 3.56168C17.9901 3.19259 17.3399 2.97745 16.302 2.865C15.25 2.75103 13.8916 2.75 12 2.75C10.1084 2.75 8.74999 2.75103 7.69805 2.865ZM20.2484 9.75H17.6465C17.32 10.9043 16.2588 11.75 15 11.75H9C7.74122 11.75 6.67998 10.9043 6.35352 9.75H3.75163C3.75006 10.1391 3.75 10.5548 3.75 11V13C3.75 14.8916 3.75103 16.25 3.865 17.302C3.97745 18.3399 4.19259 18.9901 4.56168 19.4981C4.82382 19.8589 5.14111 20.1762 5.50191 20.4383C6.00992 20.8074 6.66013 21.0225 7.69805 21.135C8.74999 21.249 10.1084 21.25 12 21.25C13.8916 21.25 15.25 21.249 16.302 21.135C17.3399 21.0225 17.9901 20.8074 18.4981 20.4383C18.8589 20.1762 19.1762 19.8589 19.4383 19.4981C19.8074 18.9901 20.0225 18.3399 20.135 17.302C20.249 16.25 20.25 14.8916 20.25 13V11C20.25 10.5548 20.2499 10.1391 20.2484 9.75ZM9 7.75C8.30964 7.75 7.75 8.30964 7.75 9C7.75 9.69036 8.30964 10.25 9 10.25H15C15.6904 10.25 16.25 9.69036 16.25 9C16.25 8.30964 15.6904 7.75 15 7.75H9Z" clip-rule="evenodd"/></svg>

Как использовать иконку Airbuds Case Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/airbuds-case-outline.svg" alt="Иконка Airbuds Case Outline" width="24" height="24">

Вопросы и ответы: Иконка Airbuds Case Outline

Можно ли бесплатно использовать иконку Airbuds Case Outline в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Airbuds Case Outline в React?

Установите @iconify/react и выведите <Icon icon="solar:airbuds-case-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Airbuds Case Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/airbuds-case-outline.svg" alt="Иконка Airbuds Case Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →