Ícone Sonos
cib:sonos
O ícone Sonos (cib:sonos) é um ícone SVG gratuito da coleção CoreUI Brands de creativeLabs Łukasz Holeczek. Ele é desenhado em uma grade de 32 × 32. CoreUI Brands icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- CoreUI Brands
- Autor
- creativeLabs Łukasz Holeczek
- Licença
- CC0-1.0
- Tamanho
- 32 × 32
- Tags
- sono
Código 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>Como usar o ícone 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:sonos"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/cib/sonos.svg" alt="Ícone Sonos" width="24" height="24">O ícone Sonos em outras coleções
Perguntas frequentes sobre Ícone Sonos
O ícone Sonos é grátis para uso comercial?
Sim. CoreUI Brands icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sonos no React?
Instale @iconify/react e renderize <Icon icon="cib:sonos" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sonos a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cib/sonos.svg" alt="Ícone Sonos">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.