ICONYZ
Bahasa Indonesia
Ikon Welcome Learn More dari Dashicons

Ikon Welcome Learn More

dashicons:welcome-learn-more

Ikon Welcome Learn More (dashicons:welcome-learn-more) 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
welcomelearn, learnmore, welcomelearnmore
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M10 10L2.54 7.02L3 18H1l.48-11.41L0 6l10-4l10 4zm0-5c-.55 0-1 .22-1 .5s.45.5 1 .5s1-.22 1-.5s-.45-.5-1-.5m0 6l5.57-2.23c.71.94 1.2 2.07 1.36 3.3c-.3-.04-.61-.07-.93-.07c-2.55 0-4.78 1.37-6 3.41A6.99 6.99 0 0 0 4 12c-.32 0-.63.03-.93.07c.16-1.23.65-2.36 1.36-3.3z"/></svg>

Cara memakai ikon Welcome Learn More

React

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

<Icon icon="dashicons:welcome-learn-more" width="24" />

Vue

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

<template>
  <Icon icon="dashicons:welcome-learn-more" width="24" />
</template>

Svelte

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

<Icon icon="dashicons:welcome-learn-more" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[dashicons--welcome-learn-more]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/dashicons -->
<div class="i-dashicons:welcome-learn-more"></div>

Web component

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

<iconify-icon icon="dashicons:welcome-learn-more"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/dashicons/welcome-learn-more.svg" alt="Ikon Welcome Learn More" width="24" height="24">

Ikon terkait di Dashicons

FAQ Ikon Welcome Learn More

Apakah ikon Welcome Learn More 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 Learn More di React?

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

Bagaimana cara menambahkan ikon Welcome Learn More ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/dashicons/welcome-learn-more.svg" alt="Ikon Welcome Learn More">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Dashicons →