Ícone Cync
cbi:cync
O ícone Cync (cbi:cync) é 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.289 10.674c.934 0 .968.715 1.927.715h.01a1.577 1.577 0 0 0 1.589-1.57a1.53 1.53 0 0 0-.521-1.196a4.504 4.504 0 1 0 0 6.77a1.54 1.54 0 0 0 .516-1.202v-.01a1.577 1.577 0 0 0-1.599-1.56c-.959 0-.988.715-1.927.715a1.28 1.28 0 0 1-1.29-1.326a1.29 1.29 0 0 1 1.295-1.336m-2.35 1.341v.029a2.345 2.345 0 0 0 2.345 2.35c1.271 0 1.42-.715 1.942-.715h.009a.513.513 0 0 1 .512.517a.6.6 0 0 1-.213.437a3.4 3.4 0 0 1-2.25.819h-.083a3.443 3.443 0 0 1 .08-6.885a3.38 3.38 0 0 1 2.25.825a.6.6 0 0 1 .213.437v.005a.523.523 0 0 1-.521.511c-.522 0-.671-.714-1.942-.714h-.04a2.35 2.35 0 0 0-2.315 2.379Zm7.242 4.426a.533.533 0 0 0-.746.745l1.868 1.868a.532.532 0 0 0 .746-.745ZM12 18.279a.54.54 0 0 0-.536.536v2.633a.533.533 0 0 0 .493.515h.085a.533.533 0 0 0 .494-.515v-2.633a.54.54 0 0 0-.536-.536m4.428-10.581a.533.533 0 0 0 .743-.107l1.874-1.87v-.007a.5.5 0 0 0 .1-.101a.54.54 0 0 0 .091-.291V5.28a.534.534 0 0 0-.84-.413a.6.6 0 0 0-.11.109l-1.865 1.867l-.011.014a.6.6 0 0 0-.094.101a.536.536 0 0 0 .112.74m5.04 3.781H18.79a.534.534 0 1 0-.034 1.067h2.677a.534.534 0 1 0 .035-1.067M11.974 5.76h.075a.54.54 0 0 0 .487-.529V2.586a.536.536 0 0 0-.495-.549h-.082a.536.536 0 0 0-.495.549v2.643a.5.5 0 0 0 .042.201a.53.53 0 0 0 .468.33m-6.73 6.786a.534.534 0 1 0-.034-1.067H2.532a.534.534 0 1 0 .035 1.067Zm2.206 3.895a.53.53 0 0 0-.631 0l-1.864 1.868a.532.532 0 0 0 .746.745l1.868-1.868a.533.533 0 0 0-.119-.745m.14-9.584l-.011-.014l-1.868-1.867a.6.6 0 0 0-.11-.109a.534.534 0 0 0-.84.413v.04a.54.54 0 0 0 .091.291a.6.6 0 0 0 .1.101l.007.007l1.869 1.87a.532.532 0 0 0 .853-.638a.6.6 0 0 0-.091-.094"/></svg>Como usar o ícone Cync
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:cync" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:cync" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:cync" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--cync]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:cync"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:cync"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/cbi/cync.svg" alt="Ícone Cync" width="24" height="24">O ícone Cync em outras coleções
Perguntas frequentes sobre Ícone Cync
O ícone Cync é 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 Cync no React?
Instale @iconify/react e renderize <Icon icon="cbi:cync" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cync a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cbi/cync.svg" alt="Ícone Cync">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.