Ikon Forward 5
zmdi:forward-5
Ikon Forward 5 (zmdi:forward-5) adalah ikon SVG gratis dari set Material Design Iconic Font karya MDI Community. Ikon ini digambar pada grid 344 × 432. Material Design Iconic Font 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
- Material Design Iconic Font
- Pembuat
- MDI Community
- Lisensi
- OFL-1.1
- Ukuran
- 344 × 432
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="344" height="432" viewBox="0 0 344 432"><path fill="currentColor" d="M0 261.5Q0 191 50 141t121-50V5l106 107l-106 107v-86q-53 0-90.5 38T43 261.5t37.5 90t90 37.5t90.5-37.5t38-90.5h42q0 71-50 121t-120.5 50T50 382T0 261.5M143 281l4-47h51v15h-36l-2 19q2 0 2-2q0-1 1-1t1-2h9q8 0 10 3q2 1 5 3t4 3q2 2 6 11q3 4 3 12.5t-3 10.5q0 1-2 4.5t-4 6.5q-2 2-11 6q-4 2-12.5 2t-10.5-2q-1-1-5-2t-6-2q-3-1-6-9q-2-4-2-10h17q0 4 4 8q2 2 9 2q4 0 6-2l4-4q2-4 2-6v-13l-2-4l-4-5q-4-2-6-2h-5q-2 0-4 2q-1 1-1.5 1t-.5 1l-2 3z"/></svg>Cara memakai ikon Forward 5
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:forward-5" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:forward-5" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:forward-5" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--forward-5]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:forward-5"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:forward-5"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/zmdi/forward-5.svg" alt="Ikon Forward 5" width="24" height="24">Ikon terkait di Material Design Iconic Font
Ikon Forward 5 di set ikon lain
FAQ Ikon Forward 5
Apakah ikon Forward 5 gratis untuk penggunaan komersial?
Ya. Material Design Iconic Font icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Forward 5 di React?
Pasang @iconify/react lalu render <Icon icon="zmdi:forward-5" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Forward 5 ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/zmdi/forward-5.svg" alt="Ikon Forward 5">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.