Ikon Spatial Speaker

material-symbols:spatial-speaker

Ikon Spatial Speaker (material-symbols:spatial-speaker) 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
Tag: spatialspeaker

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="M9 22q-3.35 0-5.675-2.325T1 14h2q0 2.5 1.75 4.25T9 20zm0-3.5q-1.875 0-3.187-1.312T4.5 14h2q0 1.05.725 1.775T9 16.5zm1-3.5q-.825 0-1.412-.587T8 13V5q0-.825.588-1.412T10 3h4q.825 0 1.413.588T16 5v8q0 .825-.587 1.413T14 15zm5 3.5v-2q1.05 0 1.775-.725T17.5 14h2q0 1.875-1.312 3.188T15 18.5m0 3.5v-2q2.5 0 4.25-1.75T21 14h2q0 3.35-2.325 5.675T15 22"/></svg>

Cara memakai ikon Spatial Speaker

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="material-symbols:spatial-speaker"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/spatial-speaker.svg" alt="Ikon Spatial Speaker" width="24" height="24">

Ikon terkait di Material Symbols

Ikon Spatial Speaker di set ikon lain

FAQ Ikon Spatial Speaker

Apakah ikon Spatial Speaker 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 Spatial Speaker di React?

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

Bagaimana cara menambahkan ikon Spatial Speaker ke halaman web?

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

Lihat semua Ikon Material Symbols →