ICONYZ
Bahasa Indonesia
Ikon Transition Push dari Material Symbols

Ikon Transition Push

material-symbols:transition-push

Ikon Transition Push (material-symbols:transition-push) 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
transitionpush
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="M8 20v-1.975h2V6H8V4h2q.825 0 1.413.588T12 6v12q0 .825-.587 1.413T10 20zm8 0q-.825 0-1.412-.587T14 18V6q0-.825.588-1.412T16 4h5q.825 0 1.413.588T23 6v12q0 .825-.587 1.413T21 20zM5 16l-1.425-1.4L5.15 13H1v-2h4.15L3.575 9.425L5 8l4 4z"/></svg>

Cara memakai ikon Transition Push

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="material-symbols:transition-push"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/transition-push.svg" alt="Ikon Transition Push" width="24" height="24">

Ikon terkait di Material Symbols

Ikon transition-chop
transition-chop
 Ikon transition-chop-outline
transition-chop-outline
 Ikon transition-chop-outline-rounded
transition-chop-outline-rounded
 Ikon transition-chop-outline-sharp
transition-chop-outline-sharp
 Ikon transition-chop-rounded
transition-chop-rounded
 Ikon transition-chop-sharp
transition-chop-sharp
 Ikon transition-dissolve
transition-dissolve
 Ikon transition-fade
transition-fade
 Ikon transition-fade-rounded
transition-fade-rounded
 Ikon transition-fade-sharp
transition-fade-sharp
 Ikon transition-push-outline
transition-push-outline
 Ikon transition-push-outline-rounded
transition-push-outline-rounded
 Ikon transition-push-outline-sharp
transition-push-outline-sharp
 Ikon transition-push-rounded
transition-push-rounded
 Ikon transition-push-sharp
transition-push-sharp
 Ikon transition-slide
transition-slide
 Ikon transition-slide-outline
transition-slide-outline
 Ikon transition-slide-outline-sharp
transition-slide-outline-sharp
 Ikon transition-slide-sharp
transition-slide-sharp

Ikon Transition Push di set ikon lain

Ikon Transition Push dari Fluent UI MDL2
Fluent UI MDL2
 Ikon Transition Push dari Material Symbols Light
Material Symbols Light

FAQ Ikon Transition Push

Apakah ikon Transition Push 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 Transition Push di React?

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

Bagaimana cara menambahkan ikon Transition Push ke halaman web?

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

Lihat semua Ikon Material Symbols →