Ikon Rim
whh:rim
Ikon Rim (whh:rim) 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="M512 1024q-139 0-257-68.5T68.5 769T0 512q0-104 40.5-199t109-163.5T313 40.5T512 0t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199t-109 163.5t-163.5 109t-199 40.5m94-206q69-21 124-72q-51-63-84-83q-29-16-62-26q-8 33-8 67q0 38 30 114m-188 0q30-76 30-114q0-33-8-67q-34 10-62 26q-33 19-84 83q55 51 124 72M192 512q0 32 9 72q80-12 113-31q30-18 54-40q-25-25-54-42q-33-19-113-31q-9 40-9 72m226-306q-69 21-124 72q51 63 84 83q30 17 62 27q8-33 8-68q0-38-30-114m94 242q-27 0-45.5 19T448 512.5t18.5 45T512 576t45.5-18.5t18.5-45t-18.5-45.5t-45.5-19m94-242q-30 76-30 114q0 33 9 67q31-9 61-26q33-20 84-83q-55-51-124-72m217 234q-80 12-113 31q-28 17-54 42q25 22 54 40q33 19 113 31q9-40 9-72t-9-72"/></svg>Cara memakai ikon Rim
React
import { Icon } from "@iconify/react";
<Icon icon="whh:rim" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:rim" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:rim" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--rim]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:rim"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:rim"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/rim.svg" alt="Ikon Rim" width="24" height="24">FAQ Ikon Rim
Apakah ikon Rim 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 Rim di React?
Pasang @iconify/react lalu render <Icon icon="whh:rim" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rim ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/rim.svg" alt="Ikon Rim">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.