Иконка Sonos
cib:sonos
Иконка Sonos (cib:sonos) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
- Теги
- sono
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m17.317 16.479l-3.749-3.509v5.905h1.115v-3.276l3.749 3.511v-5.901h-1.115zM8.62 12.885A3.07 3.07 0 0 0 5.505 16c0 1.677 1.437 3.115 3.115 3.115A3.07 3.07 0 0 0 11.729 16a3.07 3.07 0 0 0-3.109-3.115m0 5.11A1.976 1.976 0 0 1 6.625 16c0-1.12.875-1.995 1.995-1.995c1.115 0 1.995.875 1.995 1.995s-.88 1.995-1.995 1.995M3.593 16c-.323-.24-.724-.401-1.281-.557c-1.115-.323-1.115-.64-1.115-.797c0-.323.396-.64.959-.64c.48 0 .875.24 1.037.317l.077.084l.88-.641l-.083-.077s-.713-.803-1.912-.803c-.563 0-1.12.161-1.516.479c-.4.324-.64.797-.64 1.281c0 .48.24.953.64 1.276c.319.24.715.396 1.277.557c1.113.319 1.113.641 1.113.797c0 .317-.395.641-.957.641c-.48 0-.876-.24-1.037-.324l-.077-.077l-.88.64l.083.079s.713.796 1.912.796c.563 0 1.12-.161 1.515-.479c.401-.317.641-.797.641-1.276s-.24-.875-.641-1.276zm19.787-3.115A3.07 3.07 0 0 0 20.271 16a3.116 3.116 0 0 0 3.109 3.115A3.074 3.074 0 0 0 26.495 16a3.124 3.124 0 0 0-3.115-3.115m0 5.11A1.98 1.98 0 0 1 21.385 16c0-1.12.88-1.995 1.995-1.995c1.12 0 1.995.875 1.995 1.995s-.959 1.995-1.995 1.995m5.027-2.074c.323.24.724.396 1.281.557c1.115.319 1.115.641 1.115.797c0 .317-.396.641-.959.641c-.48 0-.875-.24-1.037-.324h-.077l-.88.641l.083.077s.713.803 1.912.803c.563 0 1.12-.161 1.516-.479c.4-.324.64-.797.64-1.281c0-.48-.24-.953-.64-1.276c-.319-.24-.715-.396-1.277-.557c-1.113-.319-1.113-.641-1.113-.797c0-.317.395-.641.957-.641c.48 0 .876.24 1.037.324l.077.077l.88-.64l-.083-.079s-.713-.796-1.912-.796c-.563 0-1.12.161-1.515.479a1.66 1.66 0 0 0-.641 1.276c-.077.479.156.875.641 1.197z"/></svg>Как использовать иконку Sonos
React
import { Icon } from "@iconify/react";
<Icon icon="cib:sonos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:sonos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:sonos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--sonos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:sonos"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:sonos"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/sonos.svg" alt="Иконка Sonos" width="24" height="24">Иконка Sonos в других наборах
Вопросы и ответы: Иконка Sonos
Можно ли бесплатно использовать иконку Sonos в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sonos в React?
Установите @iconify/react и выведите <Icon icon="cib:sonos" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sonos на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/sonos.svg" alt="Иконка Sonos">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.