Ikon Svelte
material-icon-theme:svelte
Ikon Svelte (material-icon-theme:svelte) adalah ikon SVG gratis dari set Material Icon Theme karya Material Extensions. Ikon ini digambar pada grid 300 × 300. 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
- 300 × 300
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><path fill="#ff5722" d="M175.94 24.328c-13.037.252-26.009 3.872-37.471 11.174L79.912 72.818a67.13 67.13 0 0 0-30.355 44.906a70.8 70.8 0 0 0 6.959 45.445a67.2 67.2 0 0 0-10.035 25.102a71.54 71.54 0 0 0 12.236 54.156c23.351 33.41 69.468 43.311 102.81 22.07l58.559-37.158a67.36 67.36 0 0 0 30.355-44.906a70.77 70.77 0 0 0-6.982-45.422a67.65 67.65 0 0 0 10.059-25.102a71.63 71.63 0 0 0-12.236-54.156v-.18c-15.324-21.925-40.453-33.727-65.342-33.246zm5.137 28.68a46.5 46.5 0 0 1 36.09 19.969a42.98 42.98 0 0 1 7.365 32.557a45 45 0 0 1-1.393 5.455l-1.123 3.37l-2.986-2.247a75.9 75.9 0 0 0-22.902-11.45l-2.244-.651l.201-2.246a13.16 13.16 0 0 0-2.379-8.711a13.99 13.99 0 0 0-14.953-5.412a12.8 12.8 0 0 0-3.594 1.572l-58.578 37.25a12.24 12.24 0 0 0-5.502 8.15a13.1 13.1 0 0 0 2.246 9.834a14.03 14.03 0 0 0 14.93 5.569a13.5 13.5 0 0 0 3.594-1.573l22.453-14.234a41.8 41.8 0 0 1 11.898-5.232a46.48 46.48 0 0 1 49.914 18.502a43.02 43.02 0 0 1 7.363 32.557a40.42 40.42 0 0 1-18.254 27.078l-58.58 37.316a43 43 0 0 1-11.898 5.23A46.545 46.545 0 0 1 82.81 227.14a42.98 42.98 0 0 1-7.341-32.557a38 38 0 0 1 1.39-5.41l1.102-3.37l3.008 2.246a75.9 75.9 0 0 0 22.836 11.361l2.244.65l-.201 2.247a13.25 13.25 0 0 0 2.447 8.644a14.03 14.03 0 0 0 15.043 5.569a13.1 13.1 0 0 0 3.592-1.573l58.467-37.316a12.17 12.17 0 0 0 5.502-8.173a12.96 12.96 0 0 0-2.246-9.811a14.03 14.03 0 0 0-15.043-5.568a12.8 12.8 0 0 0-3.592 1.57l-22.453 14.258a42.9 42.9 0 0 1-11.877 5.209a46.52 46.52 0 0 1-49.846-18.5a43.02 43.02 0 0 1-7.297-32.557A40.42 40.42 0 0 1 96.798 96.98l58.646-37.316a42.8 42.8 0 0 1 11.811-5.21a46.5 46.5 0 0 1 13.822-1.444z"/></svg>
Cara memakai ikon Svelte
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:svelte" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:svelte" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:svelte" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--svelte]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:svelte"></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:svelte"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/svelte.svg" alt="Ikon Svelte" width="24" height="24">
Ikon Svelte di set ikon lain
FAQ Ikon Svelte
Apakah ikon Svelte 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 Svelte di React?
Pasang @iconify/react lalu render <Icon icon="material-icon-theme:svelte" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Svelte ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-icon-theme/svelte.svg" alt="Ikon Svelte">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Icon Theme →
ICONYZ
