syncpack logo

syncpack from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name: syncpack
Set: Material Icon Theme
Style: Color
Viewbox: 100×100
License: MIT

Use the syncpack logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#8bc34a" d="M46.677 7.772a38.8 38.8 0 0 1 10.83.571a45 45 0 0 1 7.226 2.046a53 53 0 0 1 4.89 2.263c3.022 1.662 5.888 3.666 8.338 6.106a51 51 0 0 1 3.572 3.893a47 47 0 0 1 3.354 4.953a38.2 38.2 0 0 1 3.935 9.47a20 20 0 0 1 .862 5.18c-.478-.353-.852-.82-1.257-1.256c-2.523-2.845-4.942-5.794-7.413-8.701c-1.111-1.267-2.18-2.596-3.395-3.769c-.956.83-1.662 1.89-2.482 2.845c-2.326 2.783-4.651 5.565-7.008 8.317a10.2 10.2 0 0 0-1.392-2.866a22.4 22.4 0 0 0-3.177-3.883a18.75 18.75 0 0 0-12.21-5.244a18.9 18.9 0 0 0-5.607.468a16.9 16.9 0 0 0-4.496 1.599a18.2 18.2 0 0 0-6.822 5.939a15.3 15.3 0 0 0-2.284 4.506c3.24.01 6.48-.02 9.719 0c-.924 1.318-1.994 2.523-3.011 3.769c-2.607 3.115-5.275 6.209-7.891 9.345a100 100 0 0 1-3.136 3.81c-1.734 2.18-3.572 4.278-5.4 6.375a9 9 0 0 1-.83-.727c-1.267-1.266-2.44-2.616-3.624-3.955c-3.83-4.413-7.538-8.93-11.286-13.405c-1.017-1.204-2.014-2.43-3.084-3.572c-.415-.467-.81-.945-1.142-1.474c2.856 0 5.71-.042 8.556-.083a36.1 36.1 0 0 1 3.956-11.889a42 42 0 0 1 5.243-7.527a39.3 39.3 0 0 1 6.126-5.514a40.6 40.6 0 0 1 20.35-7.58z"/><path fill="#2e7d32" d="M77.567 36.502c.727.55 1.318 1.246 1.952 1.89c2.544 2.762 4.953 5.648 7.372 8.514c2.637 3.136 5.243 6.302 7.89 9.428c.904 1.11 1.974 2.087 2.763 3.291c-2.856.02-5.71.042-8.566.093a36.3 36.3 0 0 1-5.752 14.827c-.758 1.163-1.558 2.305-2.44 3.385A40.48 40.48 0 0 1 48.13 92.342a45 45 0 0 1-7.715-1.142a50 50 0 0 1-5.534-1.745a45 45 0 0 1-6.157-3.063a35 35 0 0 1-6.956-5.42c-1.143-1.142-2.254-2.325-3.281-3.582a47 47 0 0 1-3.354-4.932a38.3 38.3 0 0 1-3.998-9.635c-.446-1.661-.83-3.343-.861-5.067c.415.239.706.633 1.038.976c2.73 3.053 5.316 6.23 7.995 9.345c.997 1.142 1.941 2.346 3.052 3.385c.841-.727 1.485-1.62 2.18-2.471a829 829 0 0 1 7.31-8.691c.291 1.11.893 2.108 1.506 3.063a19.74 19.74 0 0 0 7.278 6.749a18 18 0 0 0 4.89 1.734c1.911.405 3.884.612 5.826.436c1.35-.104 2.689-.384 3.997-.685a19.1 19.1 0 0 0 7.912-4.569a20.4 20.4 0 0 0 3.188-4.08c.591-.997 1.1-2.046 1.412-3.157H58.14c.665-.976 1.433-1.869 2.18-2.762c2.617-3.167 5.296-6.271 7.933-9.417c1.205-1.391 2.285-2.887 3.52-4.267c.976-1.163 1.91-2.378 2.907-3.53c.956-1.122 1.942-2.212 2.908-3.323z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeSyncpack(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#8bc34a" d="M46.677 7.772a38.8 38.8 0 0 1 10.83.571a45 45 0 0 1 7.226 2.046a53 53 0 0 1 4.89 2.263c3.022 1.662 5.888 3.666 8.338 6.106a51 51 0 0 1 3.572 3.893a47 47 0 0 1 3.354 4.953a38.2 38.2 0 0 1 3.935 9.47a20 20 0 0 1 .862 5.18c-.478-.353-.852-.82-1.257-1.256c-2.523-2.845-4.942-5.794-7.413-8.701c-1.111-1.267-2.18-2.596-3.395-3.769c-.956.83-1.662 1.89-2.482 2.845c-2.326 2.783-4.651 5.565-7.008 8.317a10.2 10.2 0 0 0-1.392-2.866a22.4 22.4 0 0 0-3.177-3.883a18.75 18.75 0 0 0-12.21-5.244a18.9 18.9 0 0 0-5.607.468a16.9 16.9 0 0 0-4.496 1.599a18.2 18.2 0 0 0-6.822 5.939a15.3 15.3 0 0 0-2.284 4.506c3.24.01 6.48-.02 9.719 0c-.924 1.318-1.994 2.523-3.011 3.769c-2.607 3.115-5.275 6.209-7.891 9.345a100 100 0 0 1-3.136 3.81c-1.734 2.18-3.572 4.278-5.4 6.375a9 9 0 0 1-.83-.727c-1.267-1.266-2.44-2.616-3.624-3.955c-3.83-4.413-7.538-8.93-11.286-13.405c-1.017-1.204-2.014-2.43-3.084-3.572c-.415-.467-.81-.945-1.142-1.474c2.856 0 5.71-.042 8.556-.083a36.1 36.1 0 0 1 3.956-11.889a42 42 0 0 1 5.243-7.527a39.3 39.3 0 0 1 6.126-5.514a40.6 40.6 0 0 1 20.35-7.58z"/><path fill="#2e7d32" d="M77.567 36.502c.727.55 1.318 1.246 1.952 1.89c2.544 2.762 4.953 5.648 7.372 8.514c2.637 3.136 5.243 6.302 7.89 9.428c.904 1.11 1.974 2.087 2.763 3.291c-2.856.02-5.71.042-8.566.093a36.3 36.3 0 0 1-5.752 14.827c-.758 1.163-1.558 2.305-2.44 3.385A40.48 40.48 0 0 1 48.13 92.342a45 45 0 0 1-7.715-1.142a50 50 0 0 1-5.534-1.745a45 45 0 0 1-6.157-3.063a35 35 0 0 1-6.956-5.42c-1.143-1.142-2.254-2.325-3.281-3.582a47 47 0 0 1-3.354-4.932a38.3 38.3 0 0 1-3.998-9.635c-.446-1.661-.83-3.343-.861-5.067c.415.239.706.633 1.038.976c2.73 3.053 5.316 6.23 7.995 9.345c.997 1.142 1.941 2.346 3.052 3.385c.841-.727 1.485-1.62 2.18-2.471a829 829 0 0 1 7.31-8.691c.291 1.11.893 2.108 1.506 3.063a19.74 19.74 0 0 0 7.278 6.749a18 18 0 0 0 4.89 1.734c1.911.405 3.884.612 5.826.436c1.35-.104 2.689-.384 3.997-.685a19.1 19.1 0 0 0 7.912-4.569a20.4 20.4 0 0 0 3.188-4.08c.591-.997 1.1-2.046 1.412-3.157H58.14c.665-.976 1.433-1.869 2.18-2.762c2.617-3.167 5.296-6.271 7.933-9.417c1.205-1.391 2.285-2.887 3.52-4.267c.976-1.163 1.91-2.378 2.907-3.53c.956-1.122 1.942-2.212 2.908-3.323z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#8bc34a" d="M46.677 7.772a38.8 38.8 0 0 1 10.83.571a45 45 0 0 1 7.226 2.046a53 53 0 0 1 4.89 2.263c3.022 1.662 5.888 3.666 8.338 6.106a51 51 0 0 1 3.572 3.893a47 47 0 0 1 3.354 4.953a38.2 38.2 0 0 1 3.935 9.47a20 20 0 0 1 .862 5.18c-.478-.353-.852-.82-1.257-1.256c-2.523-2.845-4.942-5.794-7.413-8.701c-1.111-1.267-2.18-2.596-3.395-3.769c-.956.83-1.662 1.89-2.482 2.845c-2.326 2.783-4.651 5.565-7.008 8.317a10.2 10.2 0 0 0-1.392-2.866a22.4 22.4 0 0 0-3.177-3.883a18.75 18.75 0 0 0-12.21-5.244a18.9 18.9 0 0 0-5.607.468a16.9 16.9 0 0 0-4.496 1.599a18.2 18.2 0 0 0-6.822 5.939a15.3 15.3 0 0 0-2.284 4.506c3.24.01 6.48-.02 9.719 0c-.924 1.318-1.994 2.523-3.011 3.769c-2.607 3.115-5.275 6.209-7.891 9.345a100 100 0 0 1-3.136 3.81c-1.734 2.18-3.572 4.278-5.4 6.375a9 9 0 0 1-.83-.727c-1.267-1.266-2.44-2.616-3.624-3.955c-3.83-4.413-7.538-8.93-11.286-13.405c-1.017-1.204-2.014-2.43-3.084-3.572c-.415-.467-.81-.945-1.142-1.474c2.856 0 5.71-.042 8.556-.083a36.1 36.1 0 0 1 3.956-11.889a42 42 0 0 1 5.243-7.527a39.3 39.3 0 0 1 6.126-5.514a40.6 40.6 0 0 1 20.35-7.58z"/><path fill="#2e7d32" d="M77.567 36.502c.727.55 1.318 1.246 1.952 1.89c2.544 2.762 4.953 5.648 7.372 8.514c2.637 3.136 5.243 6.302 7.89 9.428c.904 1.11 1.974 2.087 2.763 3.291c-2.856.02-5.71.042-8.566.093a36.3 36.3 0 0 1-5.752 14.827c-.758 1.163-1.558 2.305-2.44 3.385A40.48 40.48 0 0 1 48.13 92.342a45 45 0 0 1-7.715-1.142a50 50 0 0 1-5.534-1.745a45 45 0 0 1-6.157-3.063a35 35 0 0 1-6.956-5.42c-1.143-1.142-2.254-2.325-3.281-3.582a47 47 0 0 1-3.354-4.932a38.3 38.3 0 0 1-3.998-9.635c-.446-1.661-.83-3.343-.861-5.067c.415.239.706.633 1.038.976c2.73 3.053 5.316 6.23 7.995 9.345c.997 1.142 1.941 2.346 3.052 3.385c.841-.727 1.485-1.62 2.18-2.471a829 829 0 0 1 7.31-8.691c.291 1.11.893 2.108 1.506 3.063a19.74 19.74 0 0 0 7.278 6.749a18 18 0 0 0 4.89 1.734c1.911.405 3.884.612 5.826.436c1.35-.104 2.689-.384 3.997-.685a19.1 19.1 0 0 0 7.912-4.569a20.4 20.4 0 0 0 3.188-4.08c.591-.997 1.1-2.046 1.412-3.157H58.14c.665-.976 1.433-1.869 2.18-2.762c2.617-3.167 5.296-6.271 7.933-9.417c1.205-1.391 2.285-2.887 3.52-4.267c.976-1.163 1.91-2.378 2.907-3.53c.956-1.122 1.942-2.212 2.908-3.323z"/></svg>
</template>

CSS

.icon-syncpack {
  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%20100%20100%22%3E%3Cpath%20fill%3D%22%238bc34a%22%20d%3D%22M46.677%207.772a38.8%2038.8%200%200%201%2010.83.571a45%2045%200%200%201%207.226%202.046a53%2053%200%200%201%204.89%202.263c3.022%201.662%205.888%203.666%208.338%206.106a51%2051%200%200%201%203.572%203.893a47%2047%200%200%201%203.354%204.953a38.2%2038.2%200%200%201%203.935%209.47a20%2020%200%200%201%20.862%205.18c-.478-.353-.852-.82-1.257-1.256c-2.523-2.845-4.942-5.794-7.413-8.701c-1.111-1.267-2.18-2.596-3.395-3.769c-.956.83-1.662%201.89-2.482%202.845c-2.326%202.783-4.651%205.565-7.008%208.317a10.2%2010.2%200%200%200-1.392-2.866a22.4%2022.4%200%200%200-3.177-3.883a18.75%2018.75%200%200%200-12.21-5.244a18.9%2018.9%200%200%200-5.607.468a16.9%2016.9%200%200%200-4.496%201.599a18.2%2018.2%200%200%200-6.822%205.939a15.3%2015.3%200%200%200-2.284%204.506c3.24.01%206.48-.02%209.719%200c-.924%201.318-1.994%202.523-3.011%203.769c-2.607%203.115-5.275%206.209-7.891%209.345a100%20100%200%200%201-3.136%203.81c-1.734%202.18-3.572%204.278-5.4%206.375a9%209%200%200%201-.83-.727c-1.267-1.266-2.44-2.616-3.624-3.955c-3.83-4.413-7.538-8.93-11.286-13.405c-1.017-1.204-2.014-2.43-3.084-3.572c-.415-.467-.81-.945-1.142-1.474c2.856%200%205.71-.042%208.556-.083a36.1%2036.1%200%200%201%203.956-11.889a42%2042%200%200%201%205.243-7.527a39.3%2039.3%200%200%201%206.126-5.514a40.6%2040.6%200%200%201%2020.35-7.58z%22%2F%3E%3Cpath%20fill%3D%22%232e7d32%22%20d%3D%22M77.567%2036.502c.727.55%201.318%201.246%201.952%201.89c2.544%202.762%204.953%205.648%207.372%208.514c2.637%203.136%205.243%206.302%207.89%209.428c.904%201.11%201.974%202.087%202.763%203.291c-2.856.02-5.71.042-8.566.093a36.3%2036.3%200%200%201-5.752%2014.827c-.758%201.163-1.558%202.305-2.44%203.385A40.48%2040.48%200%200%201%2048.13%2092.342a45%2045%200%200%201-7.715-1.142a50%2050%200%200%201-5.534-1.745a45%2045%200%200%201-6.157-3.063a35%2035%200%200%201-6.956-5.42c-1.143-1.142-2.254-2.325-3.281-3.582a47%2047%200%200%201-3.354-4.932a38.3%2038.3%200%200%201-3.998-9.635c-.446-1.661-.83-3.343-.861-5.067c.415.239.706.633%201.038.976c2.73%203.053%205.316%206.23%207.995%209.345c.997%201.142%201.941%202.346%203.052%203.385c.841-.727%201.485-1.62%202.18-2.471a829%20829%200%200%201%207.31-8.691c.291%201.11.893%202.108%201.506%203.063a19.74%2019.74%200%200%200%207.278%206.749a18%2018%200%200%200%204.89%201.734c1.911.405%203.884.612%205.826.436c1.35-.104%202.689-.384%203.997-.685a19.1%2019.1%200%200%200%207.912-4.569a20.4%2020.4%200%200%200%203.188-4.08c.591-.997%201.1-2.046%201.412-3.157H58.14c.665-.976%201.433-1.869%202.18-2.762c2.617-3.167%205.296-6.271%207.933-9.417c1.205-1.391%202.285-2.887%203.52-4.267c.976-1.163%201.91-2.378%202.907-3.53c.956-1.122%201.942-2.212%202.908-3.323z%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%20100%20100%22%3E%3Cpath%20fill%3D%22%238bc34a%22%20d%3D%22M46.677%207.772a38.8%2038.8%200%200%201%2010.83.571a45%2045%200%200%201%207.226%202.046a53%2053%200%200%201%204.89%202.263c3.022%201.662%205.888%203.666%208.338%206.106a51%2051%200%200%201%203.572%203.893a47%2047%200%200%201%203.354%204.953a38.2%2038.2%200%200%201%203.935%209.47a20%2020%200%200%201%20.862%205.18c-.478-.353-.852-.82-1.257-1.256c-2.523-2.845-4.942-5.794-7.413-8.701c-1.111-1.267-2.18-2.596-3.395-3.769c-.956.83-1.662%201.89-2.482%202.845c-2.326%202.783-4.651%205.565-7.008%208.317a10.2%2010.2%200%200%200-1.392-2.866a22.4%2022.4%200%200%200-3.177-3.883a18.75%2018.75%200%200%200-12.21-5.244a18.9%2018.9%200%200%200-5.607.468a16.9%2016.9%200%200%200-4.496%201.599a18.2%2018.2%200%200%200-6.822%205.939a15.3%2015.3%200%200%200-2.284%204.506c3.24.01%206.48-.02%209.719%200c-.924%201.318-1.994%202.523-3.011%203.769c-2.607%203.115-5.275%206.209-7.891%209.345a100%20100%200%200%201-3.136%203.81c-1.734%202.18-3.572%204.278-5.4%206.375a9%209%200%200%201-.83-.727c-1.267-1.266-2.44-2.616-3.624-3.955c-3.83-4.413-7.538-8.93-11.286-13.405c-1.017-1.204-2.014-2.43-3.084-3.572c-.415-.467-.81-.945-1.142-1.474c2.856%200%205.71-.042%208.556-.083a36.1%2036.1%200%200%201%203.956-11.889a42%2042%200%200%201%205.243-7.527a39.3%2039.3%200%200%201%206.126-5.514a40.6%2040.6%200%200%201%2020.35-7.58z%22%2F%3E%3Cpath%20fill%3D%22%232e7d32%22%20d%3D%22M77.567%2036.502c.727.55%201.318%201.246%201.952%201.89c2.544%202.762%204.953%205.648%207.372%208.514c2.637%203.136%205.243%206.302%207.89%209.428c.904%201.11%201.974%202.087%202.763%203.291c-2.856.02-5.71.042-8.566.093a36.3%2036.3%200%200%201-5.752%2014.827c-.758%201.163-1.558%202.305-2.44%203.385A40.48%2040.48%200%200%201%2048.13%2092.342a45%2045%200%200%201-7.715-1.142a50%2050%200%200%201-5.534-1.745a45%2045%200%200%201-6.157-3.063a35%2035%200%200%201-6.956-5.42c-1.143-1.142-2.254-2.325-3.281-3.582a47%2047%200%200%201-3.354-4.932a38.3%2038.3%200%200%201-3.998-9.635c-.446-1.661-.83-3.343-.861-5.067c.415.239.706.633%201.038.976c2.73%203.053%205.316%206.23%207.995%209.345c.997%201.142%201.941%202.346%203.052%203.385c.841-.727%201.485-1.62%202.18-2.471a829%20829%200%200%201%207.31-8.691c.291%201.11.893%202.108%201.506%203.063a19.74%2019.74%200%200%200%207.278%206.749a18%2018%200%200%200%204.89%201.734c1.911.405%203.884.612%205.826.436c1.35-.104%202.689-.384%203.997-.685a19.1%2019.1%200%200%200%207.912-4.569a20.4%2020.4%200%200%200%203.188-4.08c.591-.997%201.1-2.046%201.412-3.157H58.14c.665-.976%201.433-1.869%202.18-2.762c2.617-3.167%205.296-6.271%207.933-9.417c1.205-1.391%202.285-2.887%203.52-4.267c.976-1.163%201.91-2.378%202.907-3.53c.956-1.122%201.942-2.212%202.908-3.323z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/syncpack.svg?color=%231a73e8&size=48