Ikon Syncpack
material-icon-theme:syncpack
Ikon Syncpack (material-icon-theme:syncpack) adalah ikon SVG gratis dari set Material Icon Theme karya Material Extensions. Ikon ini digambar pada grid 100 × 100. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Icon Theme
- Pembuat
- Material Extensions
- Lisensi
- MIT
- Ukuran
- 100 × 100
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" 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>Cara memakai ikon Syncpack
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:syncpack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:syncpack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:syncpack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--syncpack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:syncpack"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:syncpack"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/syncpack.svg" alt="Ikon Syncpack" width="24" height="24">FAQ Ikon Syncpack
Apakah ikon Syncpack gratis untuk penggunaan komersial?
Ya. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Syncpack di React?
Pasang @iconify/react lalu render <Icon icon="material-icon-theme:syncpack" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Syncpack ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-icon-theme/syncpack.svg" alt="Ikon Syncpack">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.