Ikon Whatwg
logos:whatwg
Ikon Whatwg (logos:whatwg) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 256
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><circle cx="128" cy="128" r="115.2" fill="#fff"/><path fill="#3c790a" d="M128 256c70.692 0 128-57.308 128-128S198.692 0 128 0S0 57.308 0 128s57.308 128 128 128m0-25.6c-56.554 0-102.4-45.846-102.4-102.4S71.446 25.6 128 25.6S230.4 71.446 230.4 128S184.554 230.4 128 230.4"/><path fill="#3c790a" d="M97.28 97.28c0-30.72 61.44-38.4 58.88-5.12c0 23.04-40.96 33.28-40.96 58.88v17.92h25.6v-10.24c0-23.04 43.52-30.72 43.52-69.12c-5.12-56.32-115.2-56.32-115.2 7.68zm17.92 81.92h25.6v25.6h-25.6z"/></svg>Cara memakai ikon Whatwg
React
import { Icon } from "@iconify/react";
<Icon icon="logos:whatwg" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:whatwg" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:whatwg" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--whatwg]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:whatwg"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:whatwg"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/whatwg.svg" alt="Ikon Whatwg" width="24" height="24">FAQ Ikon Whatwg
Apakah ikon Whatwg gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Whatwg di React?
Pasang @iconify/react lalu render <Icon icon="logos:whatwg" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Whatwg ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/whatwg.svg" alt="Ikon Whatwg">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.