Ikon Smarty
whh:smarty
Ikon Smarty (whh:smarty) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1024 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1024 618q-138 16-197 103t-59 239q-62-50-138-73q-10 9-22 9H416q-12 0-22-9q-76 23-138 73q0-152-59-239T0 618q235-173 101-428Q389 259 512 0q123 259 411 190q-134 255 101 428M512 256q-106 0-181 80.5T256 530q0 15 3 29.5t6 24.5t11.5 24t12.5 20t15.5 22.5T320 672q21 24 58.5 57t53.5 55t16 48h128q0-26 16.5-48t53.5-55t58-57q4-5 15.5-21.5T735 628t12.5-20t11.5-24t6-24.5t3-29.5q0-113-75-193.5T512 256m-96 640h192q13 0 22.5 9.5T640 928t-9.5 22.5T608 960q0 29-23 46.5t-73 17.5t-73-17.5t-23-46.5q-13 0-22.5-9.5T384 928t9.5-22.5T416 896"/></svg>Cara memakai ikon Smarty
React
import { Icon } from "@iconify/react";
<Icon icon="whh:smarty" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:smarty" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:smarty" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--smarty]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:smarty"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:smarty"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/smarty.svg" alt="Ikon Smarty" width="24" height="24">Ikon Smarty di set ikon lain
FAQ Ikon Smarty
Apakah ikon Smarty gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Smarty di React?
Pasang @iconify/react lalu render <Icon icon="whh:smarty" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Smarty ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/smarty.svg" alt="Ikon Smarty">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.