ICONYZ
Bahasa Indonesia
Ikon Motion Mode dari Material Symbols

Ikon Motion Mode

material-symbols:motion-mode

Ikon Motion Mode (material-symbols:motion-mode) 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
Gambar
Tag
motionmode, motion mode outline rounded, motion mode outline sharp, motion mode rounded, motion mode outline, motion mode sharp
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="M5 4.85v14.3q-.425-.425-.8-.9t-.7-.975V6.725q.325-.5.7-.975t.8-.9m4-2.4v19.1q-.525-.175-1.025-.387T7 20.675V3.325q.475-.275.975-.488T9 2.45m7 18.725V2.825Q18.65 4 20.325 6.45T22 12t-1.675 5.55T16 21.175M12 22q-.25 0-.5-.012t-.5-.038V2.05q.25-.025.5-.037T12 2q.5 0 1 .05t1 .15v19.6q-.5.1-1 .15T12 22"/></svg>

Cara memakai ikon Motion Mode

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="material-symbols:motion-mode"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/motion-mode.svg" alt="Ikon Motion Mode" width="24" height="24">

Ikon terkait di Material Symbols

Ikon Motion Mode di set ikon lain

FAQ Ikon Motion Mode

Apakah ikon Motion Mode 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 Motion Mode di React?

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

Bagaimana cara menambahkan ikon Motion Mode ke halaman web?

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

Lihat semua Ikon Material Symbols →