ICONYZ
Português (Brasil)
Ícone Echo Flex de Custom Brand Icons

Ícone Echo Flex

cbi:echo-flex

O ícone Echo Flex (cbi:echo-flex) é um ícone SVG gratuito da coleção Custom Brand Icons de Emanuele & rchiileea. Ele é desenhado em uma grade de 24 × 24. Custom Brand Icons usam a licença CC BY-NC-SA 4.0, que não permite uso comercial sem uma permissão separada do autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Custom Brand Icons
Autor
Emanuele & rchiileea
Licença
CC-BY-NC-SA-4.0
Tamanho
24 × 24
Tags
echoflex
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.377 15.195a.5.5 0 0 1-.084-.145l-.164.111l.095.137Zm.954-.677l-.096-.137l-.223.157a.4.4 0 0 1 .087.142Zm-.478.301a.25.25 0 0 0-.063-.115l-.274.2v.011a.3.3 0 0 0 .057.105Zm-.533.199l.144-.105a.3.3 0 0 1 .017-.202a.21.21 0 0 1 .131-.116a.2.2 0 0 1 .049-.006a.23.23 0 0 1 .161.073l.138-.098a.39.39 0 0 0-.392-.13a.37.37 0 0 0-.237.21a.5.5 0 0 0-.026.331Zm.728-.306l-.142.099a.32.32 0 0 1-.015.21a.21.21 0 0 1-.131.117a.22.22 0 0 1-.219-.076l-.137.099a.42.42 0 0 0 .308.152a.3.3 0 0 0 .092-.013a.37.37 0 0 0 .238-.21a.48.48 0 0 0 .006-.385Zm-.611-3.381a.5.5 0 0 0 .27.086a.4.4 0 0 0 .114-.016a.537.537 0 0 0 .325-.685a.63.63 0 0 0-.246-.352a.446.446 0 0 0-.677.186a.64.64 0 0 0 .211.781Zm.087-1.012a.555.555 0 0 1 .29 1.053a.555.555 0 0 1-.29-1.053m-.051.966a.4.4 0 0 0 .338.063a.484.484 0 0 0 .285-.617a.57.57 0 0 0-.222-.316a.42.42 0 0 0-.238-.077a.3.3 0 0 0-.1.014a.4.4 0 0 0-.258.226a.59.59 0 0 0 .195.712ZM4.652 3.558a46 46 0 0 0 5.72 1.032c1.79.235 3.503.39 5.25.472q.284-.018.6-.031a4.74 4.74 0 0 0 2.732-.644l.896-.782L7.601 2.01a1.16 1.16 0 0 0-.562.066l-2.478.948l-.044.016c-.265.097-.421.168-.409.248c.013.117.475.26.544.27m15.373.464c-.092.086-.44.473-.533.577a2.17 2.17 0 0 1-1.562.836a11.6 11.6 0 0 1-2.903.115l-.114-.007c-5.23-.303-9.119-.976-10.976-1.897l.216 16.092a.42.42 0 0 0 .421.369c.074.013 7.159 1.253 9.765 1.696l.152.026a7.05 7.05 0 0 0 3.023.014a13.7 13.7 0 0 0 2.456-1.504l.022-8.234l.02-5.67c0-.773.007-1.418.01-1.869c0-.316 0-.436.006-.536c.019-.02.071-.078-.003-.008M8.867 6.613l1.797.226a.405.405 0 0 1 .353.39v.026a.403.403 0 0 1-.46.412l-1.796-.252a.404.404 0 0 1 .105-.802Zm-.315 3.505a1.183 1.183 0 0 1 1.789-.492a1.72 1.72 0 0 1 .573 2.089a1.22 1.22 0 0 1-.776.68a1 1 0 0 1-.3.041a1.51 1.51 0 0 1-1.369-1.172a1.7 1.7 0 0 1 .084-1.146Zm.028 4.016a1.183 1.183 0 0 1 1.79-.492a1.66 1.66 0 0 1 .656.948a1.44 1.44 0 0 1-.86 1.825a1 1 0 0 1-.3.041a1.51 1.51 0 0 1-1.369-1.173a1.66 1.66 0 0 1 .084-1.149Zm2.026 5.591l-1.797-.258a.404.404 0 0 1 .106-.802l1.795.232a.404.404 0 0 1 .353.391v.026a.405.405 0 0 1-.456.411Zm.053-1.082l-1.799-.226a.404.404 0 0 1 .095-.803l1.799.2a.404.404 0 0 1 .359.384v.026a.405.405 0 0 1-.453.419Z"/></svg>

Como usar o ícone Echo Flex

React

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

<Icon icon="cbi:echo-flex" width="24" />

Vue

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

<template>
  <Icon icon="cbi:echo-flex" width="24" />
</template>

Svelte

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

<Icon icon="cbi:echo-flex" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:echo-flex"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/cbi/echo-flex.svg" alt="Ícone Echo Flex" width="24" height="24">

Ícones relacionados em Custom Brand Icons

Perguntas frequentes sobre Ícone Echo Flex

O ícone Echo Flex é grátis para uso comercial?

Não. Custom Brand Icons usam a licença CC BY-NC-SA 4.0, que não permite uso comercial sem uma permissão separada do autor.

Como uso o ícone Echo Flex no React?

Instale @iconify/react e renderize <Icon icon="cbi:echo-flex" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Echo Flex a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cbi/echo-flex.svg" alt="Ícone Echo Flex">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Custom Brand Icons →