Sonos Port icon

cbi:sonos-port

The Sonos Port icon (cbi:sonos-port) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24
Tags: sonosport, sono

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.054 13.091a.024.024 0 0 0-.022-.022l-.073.045l.026.015l.045-.022Zm-.141.291l.007-.035l-.009.033Zm.011-.052v.016Zm.055-.198v.012l.017-.011h-.007ZM22 11.901v-1.608a1 1 0 0 1-.087.119q-.591.348-1.171.705a.15.15 0 0 0-.065.044l-1.432.867l-1.085.673q-2.545 1.533-5.075 3.1q-.4.237-.8.456a1.05 1.05 0 0 1-.5-.022a.06.06 0 0 0-.065.022l-.043-.022l-4.49-2.679a3 3 0 0 0-.26-.162l-.011-.013a1.6 1.6 0 0 0-.015.46q-.178.002-.2-.124c0-.176 0-.353.009-.53q-1.5-.847-2.957-1.767q-.783-.463-1.572-.911a.1.1 0 0 0-.087-.065l-.087-.13v3.253l.043.044a.15.15 0 0 0 .044.086l.087.066l4.359 2.646q2.5 1.542 5.011 3.058a.13.13 0 0 0 .087.044a.076.076 0 0 0 .086.043a.7.7 0 0 0 .152.076a4 4 0 0 0 .391.011a2 2 0 0 1 .151-.065a3 3 0 0 0 .282-.152q1.011-.647 2.039-1.258q.668-.459 1.367-.868a7 7 0 0 1 .651-.39a10 10 0 0 1 .932-.586q1.771-1.141 3.579-2.234a2.5 2.5 0 0 1 .456-.282v-.022l.173-.108a.14.14 0 0 1 .065-.065a.07.07 0 0 1 .033-.065q.005-.824.005-1.645M10.215 9.639a1 1 0 0 0 .833-.167c.292-.183.39-.406.216-.5a1 1 0 0 0-.844.156c-.286.185-.377.417-.205.511m2.09 1.119a1.07 1.07 0 0 0 .834-.168c.3-.173.41-.383.244-.471a1.06 1.06 0 0 0-.844.156c-.295.179-.398.397-.234.483M7.631 12.67a.18.18 0 0 1 .163.061l-.764.376l-.038.026a794 794 0 0 0 4.683 2.83l.043.022a.06.06 0 0 1 .065-.022a1.04 1.04 0 0 0 .5.022q.4-.219.8-.455q2.529-1.569 5.075-3.1l1.085-.673l1.431-.867a.2.2 0 0 1 .065-.044q.581-.357 1.172-.7A1 1 0 0 0 22 10.02a.4.4 0 0 0-.021-.13a.8.8 0 0 0-.2-.184q-2-1.107-3.991-2.224q-.329-.2-.672-.39q-.526-.3-1.063-.586a.034.034 0 0 0-.043-.021a4.4 4.4 0 0 0-.629-.347q-1.323-.771-2.668-1.508a2.3 2.3 0 0 0-.456-.238a.73.73 0 0 0-.434 0q-1.21.644-2.385 1.333q-.749.4-1.475.825a1.1 1.1 0 0 0-.261.152Q4.993 8.201 2.283 9.727a.55.55 0 0 0-.283.315l.086.13a.1.1 0 0 1 .087.065q.791.448 1.573.911c.411.259 1.643 1.012 3.038 1.86q.23-.104.439-.215a1.6 1.6 0 0 1 .408-.123m6.569-2.222a.56.56 0 0 1 .324.034a.156.156 0 0 1 .047.242l-.217.017a.107.107 0 0 0-.054-.14a.43.43 0 0 0-.358.033c-.07.039-.125.093-.063.22a.21.21 0 0 1 .023.17a.43.43 0 0 1-.214.214a1.2 1.2 0 0 1-.372.137a.53.53 0 0 1-.316-.019c-.157-.08-.058-.242-.053-.249l.213-.021a.11.11 0 0 0 .058.138a.42.42 0 0 0 .35-.041a.145.145 0 0 0 .062-.222a.23.23 0 0 1-.025-.171a.42.42 0 0 1 .214-.215a1.1 1.1 0 0 1 .381-.127m-.6-.447c.235.124.08.416-.34.657a1.5 1.5 0 0 1-1.165.235c-.232-.121-.091-.429.319-.68a1.48 1.48 0 0 1 1.186-.212m-1.409-.738l-.4.867l.912-.546l.122.066l-1.415.863l.388-.876l-.889.562l-.122-.065Zm-.716-.418c.246.136.109.448-.3.7a1.38 1.38 0 0 1-1.165.236c-.242-.133-.12-.46.28-.724a1.38 1.38 0 0 1 1.186-.216Zm-2.519.119l.215-.018a.15.15 0 0 0 .077.159a.37.37 0 0 0 .352-.042c.065-.044.115-.1.035-.25a.3.3 0 0 1-.047-.2a.38.38 0 0 1 .191-.239a.9.9 0 0 1 .374-.136a.55.55 0 0 1 .335.046a.2.2 0 0 1 .081.279l-.22.013a.15.15 0 0 0-.076-.157a.39.39 0 0 0-.361.03c-.066.043-.116.1-.036.25a.3.3 0 0 1 .046.194a.4.4 0 0 1-.191.24a1 1 0 0 1-.365.145a.5.5 0 0 1-.327-.036a.216.216 0 0 1-.082-.282Z"/></svg>

How to use the Sonos Port icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/sonos-port.svg" alt="Sonos Port icon" width="24" height="24">

Related icons in Custom Brand Icons

Sonos Port icon FAQ

Is the Sonos Port icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Sonos Port icon in React?

Install @iconify/react and render <Icon icon="cbi:sonos-port" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Sonos Port icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/sonos-port.svg" alt="Sonos Port icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →