Ikon Magnet Outline
glyphs:magnet-outline
Ikon Magnet Outline (glyphs:magnet-outline) 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
- magnetoutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 15a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v21.75c0 5.385 4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75V15a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v21.75c0 16.43-13.32 29.75-29.75 29.75S10 53.18 10 36.75zm4 18.496v3.254C14 50.971 25.529 62.5 39.75 62.5S65.5 50.971 65.5 36.75v-3.254h-12v3.254c0 7.594-6.156 13.75-13.75 13.75S26 44.344 26 36.75v-3.254zm12-4H14V17h12zm27.5 0h12V17h-12z" clip-rule="evenodd"/></svg>
Cara memakai ikon Magnet Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:magnet-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:magnet-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:magnet-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--magnet-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:magnet-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:magnet-outline"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/magnet-outline.svg" alt="Ikon Magnet Outline" width="24" height="24">
Ikon Magnet Outline di set ikon lain
FAQ Ikon Magnet Outline
Apakah ikon Magnet Outline gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Magnet Outline di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:magnet-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Magnet Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/magnet-outline.svg" alt="Ikon Magnet Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
