Ikon Mantine Icon
logos:mantine-icon
Ikon Mantine Icon (logos:mantine-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 258. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 258
- Tag
- mantineicon
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="258" viewBox="0 0 256 258"><path fill="#339af0" d="M256 128.661C256 57.604 198.693 0 128.002 0C57.307 0 0 57.604 0 128.661c0 71.056 57.307 128.662 128 128.662s128-57.606 128-128.662"/><path fill="#fff" d="M110.576 64.111a9.7 9.7 0 0 1 7.227 1.82a79 79 0 0 1 11.68 10.685l.874.993h27.61c5.384 0 9.744 4.374 9.744 9.777c0 5.283-4.176 9.583-9.388 9.771l-.357.007h-15.25a77.6 77.6 0 0 1 6.426 31.087a77.6 77.6 0 0 1-5.979 30.03l-.448 1.054h15.242c5.386 0 9.747 4.376 9.747 9.778c0 5.282-4.178 9.584-9.39 9.772l-.357.007H130.34a79 79 0 0 1-12.546 11.666a9.715 9.715 0 0 1-13.63-2.027a9.8 9.8 0 0 1-1.623-3.451a9.8 9.8 0 0 1 1.096-7.409a9.7 9.7 0 0 1 2.551-2.82c14.91-11.107 23.469-28.09 23.469-46.602s-8.56-35.494-23.469-46.602a9.7 9.7 0 0 1-2.554-2.82a9.84 9.84 0 0 1 .287-10.521l.243-.346a9.8 9.8 0 0 1 6.411-3.849m-1.755 47.41a14.4 14.4 0 0 1 4.728 3.258a14.6 14.6 0 0 1 3.105 4.857a14.8 14.8 0 0 1 .995 5.696a14.68 14.68 0 0 1-4.35 10.096a14.36 14.36 0 0 1-10.084 4.152a14.36 14.36 0 0 1-10.088-4.152a14.68 14.68 0 0 1-4.349-10.096a14.8 14.8 0 0 1 .998-5.696a14.6 14.6 0 0 1 3.105-4.857a14.4 14.4 0 0 1 4.726-3.257a14.3 14.3 0 0 1 11.214 0"/></svg>Cara memakai ikon Mantine Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:mantine-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:mantine-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:mantine-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mantine-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mantine-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mantine-icon"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/mantine-icon.svg" alt="Ikon Mantine Icon" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Mantine Icon
Apakah ikon Mantine Icon gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Mantine Icon di React?
Pasang @iconify/react lalu render <Icon icon="logos:mantine-icon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Mantine Icon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/mantine-icon.svg" alt="Ikon Mantine Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.