Sync Box Alt icon
cbi:sync-box-alt
The Sync Box Alt icon (cbi:sync-box-alt) 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
- Tags
- syncbox, boxalt, syncboxalt
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.624 11.301c-.436-.262-1.048-.262-1.572-.087c.175.087.262.087.437.175l.175.087l.786.349h.087q.262-.131.262-.262c0-.087-.087-.174-.175-.262m6.027-.174L9.074 6.585s-.436-.175-.873-.175s-.873.175-.873.175L2.437 8.681S2 8.856 2 9.205v2.446c.087.349.437.524.437.524l12.576 5.24s.524.175 1.135.175s1.049-.262 1.049-.262l4.454-2.621s.349-.174.349-.524v-2.445c0-.437-.349-.611-.349-.611M9.249 9.991c-.175.088-.437.175-.611.262s-.262.088-.35.088h-.174c-.088 0-.175-.088-.175-.175s.175-.175.175-.175l.436-.262l.088-.087c.087 0 .174-.087.262-.087h.349l.087.087l-.087-.087c0-.088.087-.175.262-.175c.175-.087.175-.175.175-.175l-.088-.087c-.087-.175-.436-.175-.786-.175c-.262 0-.436.088-.611.175h-.262c-.087 0-.087 0-.175-.087l.088.087c0 .087-.088.175-.262.175l-.262.174H7.24c-.174.088-.262.088-.349.175h-.437l-.175-.175c0-.087.088-.174.175-.174l.437-.175c.175-.087.262-.087.437-.175h.262c.087 0 .087 0 .174.088c-.087-.088-.087-.088-.087-.175s.087-.087.262-.175l1.485-.611c.087 0 .087 0 .174-.087h.35s.174.087.174.174c0 0 0 .088-.087.175c0 0-.087.087-.175.087l-.524.175c.437 0 .699.087.961.262c.087.087.175.175.175.262c0 .175-.088.262-.35.437c-.087.087-.174.174-.262.174h-.262l.088.088c0 .087-.088.087-.175.174Zm2.183 4.978c-.174 0-.349-.174-.349-.349s.175-.349.349-.349s.35.174.35.349s-.175.349-.35.349m.699-3.842c-.262.087-.437.262-.699.349c-.087 0-.174.087-.262.087s-.262 0-.262-.087v-.175h-.087c-.524 0-1.135-.174-1.31-.436s-.175-.35-.087-.437c.087-.175.349-.349.611-.524h.175c.087 0 .087 0 .174.087l-.087-.087c0-.087.087-.087.175-.175c0 0 .087 0 .087-.087c.262 0 .437-.087.611-.175l.088-.087c.174-.087.349-.087.436 0c.088 0 .175.087.175.175s-.087.174-.175.174l-.349.175h-.087c-.088.087-.175.087-.35.175h-.262l-.087-.088s.087 0 .087.088s0 .087-.087.174c0 0-.087 0-.087.088c0 0-.088 0-.088.087c-.087.087-.174.087-.174.175s.262.262.698.262c.35 0 .612 0 .874-.175c.087-.087.262-.087.349 0v-.087c0-.088.087-.088.175-.175c0 0 .087 0 .087-.087c.175-.088.437-.175.611-.262s.35-.088.437 0c.087 0 .175.087.175.174s-.088.175-.175.175l-.524.262c-.087 0-.175.087-.262.087h-.437v.088c0 .087-.087.087-.174.174Zm1.485 4.803c-.088 0-.088.087-.175.087h-.175l-.611-.349s-.349-.087-.349-.699c0-.174.087-.262.087-.262c.175-.087.349-.087.349-.087l.699.349s.262.175.262.612c.087.174 0 .262-.087.349m2.096-3.755c-.175.087-.35 0-.437 0c-.175-.088-.349-.088-.437-.175l-1.31-.524h-.174c-.088.087-.175.175-.175.262s.087.175.349.262s.524.175.874.262h.174c.088 0 .175.087.175.175v.174c-.087.088-.175.088-.262.088h-.175c-.698-.088-1.222-.35-1.484-.612c-.175-.174-.262-.262-.175-.436a.48.48 0 0 1 .262-.437c-.087 0-.087-.087-.175-.087c0-.088 0-.175.088-.175h.349c.175.087.175.087.349 0c1.223-.349 2.708 0 2.882.524c.175.349-.436.611-.698.699"/></svg>How to use the Sync Box Alt icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:sync-box-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:sync-box-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:sync-box-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--sync-box-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:sync-box-alt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:sync-box-alt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/sync-box-alt.svg" alt="Sync Box Alt icon" width="24" height="24">Related icons in Custom Brand Icons
Sync Box Alt icon FAQ
Is the Sync Box Alt 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 Sync Box Alt icon in React?
Install @iconify/react and render <Icon icon="cbi:sync-box-alt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sync Box Alt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/sync-box-alt.svg" alt="Sync Box Alt icon">, or paste the SVG code inline to style it with CSS.