ICONYZ
Bahasa Indonesia
Ikon Volume Up dari Material Design Iconic Font

Ikon Volume Up

zmdi:volume-up

Ikon Volume Up (zmdi:volume-up) adalah ikon SVG gratis dari set Material Design Iconic Font karya MDI Community. Ikon ini digambar pada grid 384 × 384. 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
384 × 384
Tag
volumeup
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="384" height="384" viewBox="0 0 384 384"><path fill="currentColor" d="M0 128h85L192 21v342L85 256H0zm288 64q0 28-14.5 51T235 278V106q24 12 38.5 35t14.5 51M235 5q64 15 106.5 67T384 192t-42.5 120T235 379v-44q46-14 76-53.5t30-89.5t-30-89.5T235 49z"/></svg>

Cara memakai ikon Volume Up

React

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

<Icon icon="zmdi:volume-up" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:volume-up" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:volume-up" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--volume-up]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:volume-up"></div>

Web component

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

<iconify-icon icon="zmdi:volume-up"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/zmdi/volume-up.svg" alt="Ikon Volume Up" width="24" height="24">

Ikon terkait di Material Design Iconic Font

Ikon Volume Up di set ikon lain

FAQ Ikon Volume Up

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

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

Bagaimana cara menambahkan ikon Volume Up ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/zmdi/volume-up.svg" alt="Ikon Volume Up">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Design Iconic Font →