Icono Cync
cbi:cync
El icono Cync (cbi:cync) es un icono SVG gratuito de la colección Custom Brand Icons de Emanuele & rchiileea. Está dibujado en una cuadrícula de 24 × 24. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Custom Brand Icons
- Autor
- Emanuele & rchiileea
- Licencia
- CC-BY-NC-SA-4.0
- Tamaño
- 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/cbi/cync.svg" alt="Icono Cync" width="24" height="24">El icono Cync en otras colecciones
Preguntas frecuentes sobre Icono Cync
¿El icono Cync es gratis para uso comercial?
No. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor.
¿Cómo uso el icono Cync en React?
Instala @iconify/react y renderiza <Icon icon="cbi:cync" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cync a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cbi/cync.svg" alt="Icono Cync">, o pega el código SVG en línea para darle estilo con CSS.