Ikon Invert Colors
zmdi:invert-colors
Ikon Invert Colors (zmdi:invert-colors) adalah ikon SVG gratis dari set Material Design Iconic Font karya MDI Community. Ikon ini digambar pada grid 344 × 416. 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
- 344 × 416
- Tag
- invertcolors, color
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="344" height="416" viewBox="0 0 344 416"><path fill="currentColor" d="M291 121q50 50 50 121t-50 120.5T170.5 412T50 362.5T0 242t50-121L171 0zM171 370V61l-91 90q-37 38-37 91t37 90q37 38 91 38"/></svg>
Cara memakai ikon Invert Colors
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:invert-colors" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:invert-colors" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:invert-colors" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--invert-colors]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:invert-colors"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:invert-colors"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/zmdi/invert-colors.svg" alt="Ikon Invert Colors" width="24" height="24">
Ikon terkait di Material Design Iconic Font
Ikon Invert Colors di set ikon lain
FAQ Ikon Invert Colors
Apakah ikon Invert Colors 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 Invert Colors di React?
Pasang @iconify/react lalu render <Icon icon="zmdi:invert-colors" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Invert Colors ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/zmdi/invert-colors.svg" alt="Ikon Invert Colors">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Design Iconic Font →
ICONYZ
