ICONYZ
Bahasa Indonesia
Ikon Vanillacms dari WebHostingHub Glyphs

Ikon Vanillacms

whh:vanillacms

Ikon Vanillacms (whh:vanillacms) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 896 × 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
896 × 1024
Tag
vanillacm
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="896" height="1024" viewBox="0 0 896 1024"><path fill="currentColor" d="M800 192q-35 0-85.5 43t-95 104.5t-76 136.5T512 608q0 160 128 416q-70 0-147.5-30t-147-79T212 800T101.5 664t-74-143.5T0 384q0-61 30-106t73-65.5t89-20.5v128q0 78 21 152t60 138.5t80.5 116T448 832q-64-142-64-256q0-76 27.5-161T482 258.5t92-131T671 34t81-34q53 0 98.5 48.5T896 128q0 18-7.5 31T872 178.5t-24.5 9.5t-24.5 3.5t-23 .5"/></svg>

Cara memakai ikon Vanillacms

React

import { Icon } from "@iconify/react";

<Icon icon="whh:vanillacms" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="whh:vanillacms" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="whh:vanillacms" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--vanillacms]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:vanillacms"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:vanillacms"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/whh/vanillacms.svg" alt="Ikon Vanillacms" width="24" height="24">

FAQ Ikon Vanillacms

Apakah ikon Vanillacms 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 Vanillacms di React?

Pasang @iconify/react lalu render <Icon icon="whh:vanillacms" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Vanillacms ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/vanillacms.svg" alt="Ikon Vanillacms">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon WebHostingHub Glyphs →