syncthing logo
syncthing from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- syncthing
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the syncthing logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m0 2.412c3.115 0 5.885 1.5 7.629 3.815a1.834 1.834 0 0 1 1.564 3.162c.23.818.354 1.68.354 2.57a9.5 9.5 0 0 1-2.166 6.05c.128.281.189.595.162.92a1.854 1.854 0 0 1-2.004 1.678a1.86 1.86 0 0 1-.877-.322A9.5 9.5 0 0 1 12 21.505c-3.84 0-7.154-2.277-8.668-5.552c-.3-.01-.601-.092-.879-.254c-.858-.51-1.144-1.634-.633-2.513c.164-.276.39-.493.653-.643a10 10 0 0 1-.02-.584c0-5.265 4.282-9.547 9.547-9.547m0 1.227a8.31 8.31 0 0 0-8.31 8.683c.22.036.439.111.644.23c.323.2.564.484.713.805l6.984-.644a1.78 1.78 0 0 1 .787-1.08c.288-.19.612-.286.936-.295c.34-.01.68.08.978.254l3.51-2.914a1.82 1.82 0 0 1 .317-1.84A8.3 8.3 0 0 0 12 3.638zm7.027 5.98l-3.502 2.91a1.83 1.83 0 0 1-.23 1.719l1.904 2.744c.212-.06.436-.085.668-.066c.238.024.46.092.66.193a8.3 8.3 0 0 0 1.793-5.16a8.4 8.4 0 0 0-.265-2.092a1.84 1.84 0 0 1-1.028-.248m-6.886 4.315l-6.975.644a1.8 1.8 0 0 1-.66 1.004A8.31 8.31 0 0 0 12 20.279a8.3 8.3 0 0 0 3.938-.986a1.9 1.9 0 0 1-.075-.69c.028-.341.148-.65.332-.908L14.29 14.95a1.84 1.84 0 0 1-2.148-1.015z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSyncthing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m0 2.412c3.115 0 5.885 1.5 7.629 3.815a1.834 1.834 0 0 1 1.564 3.162c.23.818.354 1.68.354 2.57a9.5 9.5 0 0 1-2.166 6.05c.128.281.189.595.162.92a1.854 1.854 0 0 1-2.004 1.678a1.86 1.86 0 0 1-.877-.322A9.5 9.5 0 0 1 12 21.505c-3.84 0-7.154-2.277-8.668-5.552c-.3-.01-.601-.092-.879-.254c-.858-.51-1.144-1.634-.633-2.513c.164-.276.39-.493.653-.643a10 10 0 0 1-.02-.584c0-5.265 4.282-9.547 9.547-9.547m0 1.227a8.31 8.31 0 0 0-8.31 8.683c.22.036.439.111.644.23c.323.2.564.484.713.805l6.984-.644a1.78 1.78 0 0 1 .787-1.08c.288-.19.612-.286.936-.295c.34-.01.68.08.978.254l3.51-2.914a1.82 1.82 0 0 1 .317-1.84A8.3 8.3 0 0 0 12 3.638zm7.027 5.98l-3.502 2.91a1.83 1.83 0 0 1-.23 1.719l1.904 2.744c.212-.06.436-.085.668-.066c.238.024.46.092.66.193a8.3 8.3 0 0 0 1.793-5.16a8.4 8.4 0 0 0-.265-2.092a1.84 1.84 0 0 1-1.028-.248m-6.886 4.315l-6.975.644a1.8 1.8 0 0 1-.66 1.004A8.31 8.31 0 0 0 12 20.279a8.3 8.3 0 0 0 3.938-.986a1.9 1.9 0 0 1-.075-.69c.028-.341.148-.65.332-.908L14.29 14.95a1.84 1.84 0 0 1-2.148-1.015z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m0 2.412c3.115 0 5.885 1.5 7.629 3.815a1.834 1.834 0 0 1 1.564 3.162c.23.818.354 1.68.354 2.57a9.5 9.5 0 0 1-2.166 6.05c.128.281.189.595.162.92a1.854 1.854 0 0 1-2.004 1.678a1.86 1.86 0 0 1-.877-.322A9.5 9.5 0 0 1 12 21.505c-3.84 0-7.154-2.277-8.668-5.552c-.3-.01-.601-.092-.879-.254c-.858-.51-1.144-1.634-.633-2.513c.164-.276.39-.493.653-.643a10 10 0 0 1-.02-.584c0-5.265 4.282-9.547 9.547-9.547m0 1.227a8.31 8.31 0 0 0-8.31 8.683c.22.036.439.111.644.23c.323.2.564.484.713.805l6.984-.644a1.78 1.78 0 0 1 .787-1.08c.288-.19.612-.286.936-.295c.34-.01.68.08.978.254l3.51-2.914a1.82 1.82 0 0 1 .317-1.84A8.3 8.3 0 0 0 12 3.638zm7.027 5.98l-3.502 2.91a1.83 1.83 0 0 1-.23 1.719l1.904 2.744c.212-.06.436-.085.668-.066c.238.024.46.092.66.193a8.3 8.3 0 0 0 1.793-5.16a8.4 8.4 0 0 0-.265-2.092a1.84 1.84 0 0 1-1.028-.248m-6.886 4.315l-6.975.644a1.8 1.8 0 0 1-.66 1.004A8.31 8.31 0 0 0 12 20.279a8.3 8.3 0 0 0 3.938-.986a1.9 1.9 0 0 1-.075-.69c.028-.341.148-.65.332-.908L14.29 14.95a1.84 1.84 0 0 1-2.148-1.015z"/></svg> </template>
CSS
.icon-syncthing {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200A12%2012%200%200%200%200%2012a12%2012%200%200%200%2012%2012a12%2012%200%200%200%2012-12A12%2012%200%200%200%2012%200m0%202.412c3.115%200%205.885%201.5%207.629%203.815a1.834%201.834%200%200%201%201.564%203.162c.23.818.354%201.68.354%202.57a9.5%209.5%200%200%201-2.166%206.05c.128.281.189.595.162.92a1.854%201.854%200%200%201-2.004%201.678a1.86%201.86%200%200%201-.877-.322A9.5%209.5%200%200%201%2012%2021.505c-3.84%200-7.154-2.277-8.668-5.552c-.3-.01-.601-.092-.879-.254c-.858-.51-1.144-1.634-.633-2.513c.164-.276.39-.493.653-.643a10%2010%200%200%201-.02-.584c0-5.265%204.282-9.547%209.547-9.547m0%201.227a8.31%208.31%200%200%200-8.31%208.683c.22.036.439.111.644.23c.323.2.564.484.713.805l6.984-.644a1.78%201.78%200%200%201%20.787-1.08c.288-.19.612-.286.936-.295c.34-.01.68.08.978.254l3.51-2.914a1.82%201.82%200%200%201%20.317-1.84A8.3%208.3%200%200%200%2012%203.638zm7.027%205.98l-3.502%202.91a1.83%201.83%200%200%201-.23%201.719l1.904%202.744c.212-.06.436-.085.668-.066c.238.024.46.092.66.193a8.3%208.3%200%200%200%201.793-5.16a8.4%208.4%200%200%200-.265-2.092a1.84%201.84%200%200%201-1.028-.248m-6.886%204.315l-6.975.644a1.8%201.8%200%200%201-.66%201.004A8.31%208.31%200%200%200%2012%2020.279a8.3%208.3%200%200%200%203.938-.986a1.9%201.9%200%200%201-.075-.69c.028-.341.148-.65.332-.908L14.29%2014.95a1.84%201.84%200%200%201-2.148-1.015z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200A12%2012%200%200%200%200%2012a12%2012%200%200%200%2012%2012a12%2012%200%200%200%2012-12A12%2012%200%200%200%2012%200m0%202.412c3.115%200%205.885%201.5%207.629%203.815a1.834%201.834%200%200%201%201.564%203.162c.23.818.354%201.68.354%202.57a9.5%209.5%200%200%201-2.166%206.05c.128.281.189.595.162.92a1.854%201.854%200%200%201-2.004%201.678a1.86%201.86%200%200%201-.877-.322A9.5%209.5%200%200%201%2012%2021.505c-3.84%200-7.154-2.277-8.668-5.552c-.3-.01-.601-.092-.879-.254c-.858-.51-1.144-1.634-.633-2.513c.164-.276.39-.493.653-.643a10%2010%200%200%201-.02-.584c0-5.265%204.282-9.547%209.547-9.547m0%201.227a8.31%208.31%200%200%200-8.31%208.683c.22.036.439.111.644.23c.323.2.564.484.713.805l6.984-.644a1.78%201.78%200%200%201%20.787-1.08c.288-.19.612-.286.936-.295c.34-.01.68.08.978.254l3.51-2.914a1.82%201.82%200%200%201%20.317-1.84A8.3%208.3%200%200%200%2012%203.638zm7.027%205.98l-3.502%202.91a1.83%201.83%200%200%201-.23%201.719l1.904%202.744c.212-.06.436-.085.668-.066c.238.024.46.092.66.193a8.3%208.3%200%200%200%201.793-5.16a8.4%208.4%200%200%200-.265-2.092a1.84%201.84%200%200%201-1.028-.248m-6.886%204.315l-6.975.644a1.8%201.8%200%200%201-.66%201.004A8.31%208.31%200%200%200%2012%2020.279a8.3%208.3%200%200%200%203.938-.986a1.9%201.9%200%200%201-.075-.69c.028-.341.148-.65.332-.908L14.29%2014.95a1.84%201.84%200%200%201-2.148-1.015z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/syncthing.svg?color=%231a73e8&size=48
