ICONYZ
Bahasa Indonesia
Ikon Av1 dari Material Symbols

Ikon Av1

material-symbols:av1

Ikon Av1 (material-symbols:av1) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Material Symbols
Pembuat
Google
Lisensi
Apache-2.0
Ukuran
24 × 24
Kategori
Audio dan video
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20q-.825 0-1.412-.587T1 18V6q0-.825.588-1.412T3 4h18q.825 0 1.413.588T23 6v12q0 .825-.587 1.413T21 20zm1.5-5H6v-1.5h1.5V15H9v-5q0-.425-.288-.712T8 9H5.5q-.425 0-.712.288T4.5 10zM6 12v-1.5h1.5V12zm5.75 3h1.5L15 9h-1.5l-1 3.425L11.5 9H10zM18 15h1.5V9h-3v1.5H18z"/></svg>

Cara memakai ikon Av1

React

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

<Icon icon="material-symbols:av1" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:av1" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:av1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--av1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:av1"></div>

Web component

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

<iconify-icon icon="material-symbols:av1"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/av1.svg" alt="Ikon Av1" width="24" height="24">

Ikon terkait di Material Symbols

Ikon Av1 di set ikon lain

FAQ Ikon Av1

Apakah ikon Av1 gratis untuk penggunaan komersial?

Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Av1 di React?

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

Bagaimana cara menambahkan ikon Av1 ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/av1.svg" alt="Ikon Av1">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols →