Ikon Heptabase
thesvg-color:heptabase
Ikon Heptabase (thesvg-color:heptabase) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 824 × 824. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 824 × 824
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="824" height="824" viewBox="0 0 824 824"><g fill="none"><rect width="824" height="824" fill="#fff" rx="184"/><circle cx="606" cy="582" r="50" fill="#2e2e2e"/><path fill="#2e2e2e" fill-rule="evenodd" d="M216 237.833C216 212.52 236.52 192 261.833 192s45.834 20.52 45.834 45.833v275c0 25.313-20.521 45.834-45.834 45.834S216 538.146 216 512.833zm201.668 73.333c0-25.313 20.52-45.833 45.833-45.833s45.834 20.52 45.834 45.833v275c0 25.313-20.521 45.834-45.834 45.834s-45.833-20.521-45.833-45.834V480.75a33.75 33.75 0 0 0-21.301-31.37l-3.832-1.52a84.04 84.04 0 0 0-64.753 1.151a33.62 33.62 0 0 0-20.114 30.785V344.203a33.62 33.62 0 0 0 20.114 30.785a84.04 84.04 0 0 0 64.753 1.152l3.832-1.521a33.75 33.75 0 0 0 21.301-31.369z" clip-rule="evenodd"/></g></svg>Cara memakai ikon Heptabase
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:heptabase" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:heptabase" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:heptabase" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--heptabase]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:heptabase"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:heptabase"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/heptabase.svg" alt="Ikon Heptabase" width="24" height="24">FAQ Ikon Heptabase
Apakah ikon Heptabase gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Heptabase di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:heptabase" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Heptabase ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/heptabase.svg" alt="Ikon Heptabase">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.