ICONYZ
Русский
Иконка Sonos Roam из набора Custom Brand Icons

Иконка Sonos Roam

cbi:sonos-roam

Иконка Sonos Roam (cbi:sonos-roam) — бесплатная SVG-иконка из набора Custom Brand Icons от Emanuele & rchiileea. Она нарисована на сетке 24 × 24. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Custom Brand Icons
Автор
Emanuele & rchiileea
Лицензия
CC-BY-NC-SA-4.0
Размер
24 × 24
Теги
sonosroam, sono
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m13.636 9.337l.516-.208l-.554.985l.926-.371l.002-.228l-.514.206l.557-.988l-.933.377Zm.436.964a.91.91 0 0 0-.487.827c0 .357.211.55.483.443a.96.96 0 0 0 .487-.826c.002-.364-.208-.557-.483-.444m0 1.042c-.173.068-.309-.056-.309-.284a.59.59 0 0 1 .312-.53c.175-.069.311.056.309.284a.59.59 0 0 1-.316.526Zm.233-5.267a.46.46 0 0 0-.206.216a1.3 1.3 0 0 0-.091.3c-.051.248-.1.27-.128.28c-.051.021-.1-.039-.1-.152a.7.7 0 0 1 .051-.232l.013-.022l-.1-.136l-.013.022a.9.9 0 0 0-.129.442a.44.44 0 0 0 .077.276a.17.17 0 0 0 .2.046c.077-.016.141-.091.192-.21a1.3 1.3 0 0 0 .091-.3c.052-.249.1-.27.129-.281c.052-.021.1.039.1.153a.8.8 0 0 1-.052.233v.016l.1.137l.013-.021a.9.9 0 0 0 .13-.445a.44.44 0 0 0-.075-.278a.17.17 0 0 0-.202-.044m-.222 1.213a.95.95 0 0 0-.5.837c0 .357.215.545.493.432a.96.96 0 0 0 .5-.837c.002-.359-.212-.547-.493-.432m0 1.041c-.177.072-.316-.05-.316-.277a.6.6 0 0 1 .319-.536c.178-.073.317.065.316.277a.6.6 0 0 1-.323.536Zm.181 3.419a.45.45 0 0 0-.2.208a1.3 1.3 0 0 0-.087.294c-.05.246-.1.265-.123.275c-.05.019-.1-.043-.1-.157a.8.8 0 0 1 .049-.23l.012-.021l-.1-.14l-.006.024a.9.9 0 0 0-.124.438a.47.47 0 0 0 .074.279a.164.164 0 0 0 .2.053a.4.4 0 0 0 .2-.206a1.3 1.3 0 0 0 .087-.294c.05-.247.1-.266.124-.275c.049-.02.1.042.1.157a.7.7 0 0 1-.05.231l-.02.017l.1.141l.012-.021a.9.9 0 0 0 .126-.44a.47.47 0 0 0-.072-.281a.165.165 0 0 0-.202-.052m1.253-8.034V3.7a.6.6 0 0 1-.151.206c-4.57 3.886-6.445.684-6.777 0a2 2 0 0 1-.1-.386l-.032-.192l.084 16.203l-.01-.022l.01.027a4 4 0 0 0 .938 1.778c.756.801 2.643 1.035 4.306-.034l1.137-.7a1.19 1.19 0 0 0 .6-1.086l.021-15.812Zm-.2 15.957c-2.637 2.224-4.37 2.082-5.425 1.438L9.765 5.827a3.83 3.83 0 0 0 4.021-.274l1.137-.701a1.24 1.24 0 0 0 .4-.374ZM11.773 5.585a4.1 4.1 0 0 0 1.415-.439a11.5 11.5 0 0 0 2.033-1.33c.672-.674-.446-1.423-1.317-1.526l-2.72-.284C9.2 1.925 7.532 2.655 9.525 4.8a2.64 2.64 0 0 0 2.248.785"/></svg>

Как использовать иконку Sonos Roam

React

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

<Icon icon="cbi:sonos-roam" width="24" />

Vue

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

<template>
  <Icon icon="cbi:sonos-roam" width="24" />
</template>

Svelte

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

<Icon icon="cbi:sonos-roam" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--sonos-roam]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:sonos-roam"></div>

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

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

<iconify-icon icon="cbi:sonos-roam"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/cbi/sonos-roam.svg" alt="Иконка Sonos Roam" width="24" height="24">

Похожие иконки в наборе Custom Brand Icons

Вопросы и ответы: Иконка Sonos Roam

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

Нет. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора.

Как использовать иконку Sonos Roam в React?

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

Как добавить иконку Sonos Roam на веб-страницу?

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

Все Custom Brand Icons →