Ikon Icons Duo
glyphs:icons-duo
Ikon Icons Duo (glyphs:icons-duo) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- iconsduo, icon
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M20.642 31.011a.51.51 0 0 0-.512.512v2.987c0 .544-.144 1.078-.418 1.547l-.49.84a.511.511 0 0 0 .442.769h5.385a.512.512 0 0 0 .442-.77l-.847-1.452a3.07 3.07 0 0 1-.419-1.548v-2.373a.51.51 0 0 0-.512-.512z"/><path fill="currentColor" fill-opacity=".25" d="m34.58 31.011l.182-.097a5.63 5.63 0 0 0-1.413-10.457l.18-.404a5.63 5.63 0 0 0-6.077-7.847a5.631 5.631 0 0 0-10.167 0a5.63 5.63 0 0 0-6.077 7.847l.181.404a5.63 5.63 0 0 0-1.413 10.457l.181.097zm25.145 4.607c7.35 0 13.309-5.958 13.309-13.309S67.075 9 59.724 9c-7.35 0-13.308 5.959-13.308 13.31c0 3.357 1.243 6.424 3.295 8.766l-2.272 4.542zM10.774 48.316a7.167 7.167 0 0 0 0 10.135L22.35 70.027l.007.007l.032-.033l11.55-11.55a7.167 7.167 0 1 0-10.134-10.135L22.71 49.41a.5.5 0 0 1-.708 0l-1.094-1.094a7.166 7.166 0 0 0-10.135 0m52.327-3.52a9.458 9.458 0 0 0-9.359 16.257c.939.717 1.645 1.76 1.645 2.94v2.851a3.07 3.07 0 0 0 3.071 3.072h2.048a3.07 3.07 0 0 0 3.071-3.072v-2.852c0-1.18.706-2.223 1.644-2.94a9.458 9.458 0 0 0-2.12-16.256"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m22.357 70.034l-.007-.007L10.774 58.45a7.167 7.167 0 0 1 10.135-10.135l1.094 1.094a.5.5 0 0 0 .707 0l1.095-1.094A7.166 7.166 0 1 1 33.94 58.451l-11.55 11.55zm0 0q0 0 0 0m41.22-4.982h-8.191M20.13 31.523c0-.282.23-.512.512-.512h3.071c.283 0 .512.23.512.512v2.373c0 .544.145 1.078.419 1.548l.847 1.452a.512.512 0 0 1-.442.77h-5.384a.512.512 0 0 1-.443-.77l.49-.839a3.07 3.07 0 0 0 .418-1.547zm14.45-.512l.182-.097a5.63 5.63 0 0 0-1.413-10.457l.18-.404a5.63 5.63 0 0 0-6.077-7.847a5.631 5.631 0 0 0-10.167 0a5.63 5.63 0 0 0-6.077 7.847l.181.404a5.63 5.63 0 0 0-1.413 10.457l.181.097zm38.454-8.702c0 7.35-5.959 13.31-13.31 13.31H47.44l2.272-4.543a13.26 13.26 0 0 1-3.295-8.767C46.416 14.96 52.374 9 59.725 9s13.309 5.959 13.309 13.31M55.861 44.796a9.458 9.458 0 0 1 9.36 16.256c-.94.717-1.645 1.76-1.645 2.94v2.852a3.07 3.07 0 0 1-3.071 3.072h-2.048a3.07 3.07 0 0 1-3.071-3.072v-2.85c0-1.182-.706-2.224-1.645-2.941a9.46 9.46 0 0 1 2.12-16.257"/></g></svg>Cara memakai ikon Icons Duo
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:icons-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:icons-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:icons-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--icons-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:icons-duo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:icons-duo"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/icons-duo.svg" alt="Ikon Icons Duo" width="24" height="24">Ikon terkait di Glyphs
FAQ Ikon Icons Duo
Apakah ikon Icons Duo gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Icons Duo di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:icons-duo" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Icons Duo ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/icons-duo.svg" alt="Ikon Icons Duo">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.