Ikon Welcome Widgets Menus
dashicons:welcome-widgets-menus
Ikon Welcome Widgets Menus (dashicons:welcome-widgets-menus) adalah ikon SVG gratis dari set Dashicons karya WordPress. Ikon ini digambar pada grid 20 × 20. Dashicons dirilis di bawah lisensi GPL, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Dashicons
- Pembuat
- WordPress
- Lisensi
- GPL-2.0-or-later
- Ukuran
- 20 × 20
- Tag
- welcomewidgets, widgetsmenus, welcomewidgetsmenus, widget
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M19 16V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v13c0 .55.45 1 1 1h15c.55 0 1-.45 1-1M4 4h13v4H4zm1 1v2h3V5zm4 0v2h3V5zm4 0v2h3V5zm-8.5 5c.28 0 .5.22.5.5s-.22.5-.5.5s-.5-.22-.5-.5s.22-.5.5-.5M6 10h4v1H6zm6 0h5v5h-5zm-7.5 2c.28 0 .5.22.5.5s-.22.5-.5.5s-.5-.22-.5-.5s.22-.5.5-.5M6 12h4v1H6zm7 0v2h3v-2zm-8.5 2c.28 0 .5.22.5.5s-.22.5-.5.5s-.5-.22-.5-.5s.22-.5.5-.5M6 14h4v1H6z"/></svg>Cara memakai ikon Welcome Widgets Menus
React
import { Icon } from "@iconify/react";
<Icon icon="dashicons:welcome-widgets-menus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="dashicons:welcome-widgets-menus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="dashicons:welcome-widgets-menus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[dashicons--welcome-widgets-menus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/dashicons -->
<div class="i-dashicons:welcome-widgets-menus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="dashicons:welcome-widgets-menus"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/dashicons/welcome-widgets-menus.svg" alt="Ikon Welcome Widgets Menus" width="24" height="24">Ikon terkait di Dashicons
FAQ Ikon Welcome Widgets Menus
Apakah ikon Welcome Widgets Menus gratis untuk penggunaan komersial?
Ya. Dashicons dirilis di bawah lisensi GPL, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama.
Bagaimana cara memakai ikon Welcome Widgets Menus di React?
Pasang @iconify/react lalu render <Icon icon="dashicons:welcome-widgets-menus" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Welcome Widgets Menus ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/dashicons/welcome-widgets-menus.svg" alt="Ikon Welcome Widgets Menus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.