Cync icon

cbi:cync

The Cync icon (cbi:cync) 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

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="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>

How to use the Cync icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/cync.svg" alt="Cync icon" width="24" height="24">

Cync icon in other icon sets

Cync icon FAQ

Is the Cync 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 Cync icon in React?

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

How do I add the Cync icon to a web page?

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

Browse all Custom Brand Icons →