Ikon Color Invert
tdesign:color-invert
Ikon Color Invert (tdesign:color-invert) adalah ikon SVG gratis dari set TDesign Icons karya TDesign. Ikon ini digambar pada grid 24 × 24. TDesign Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- TDesign Icons
- Pembuat
- TDesign
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- colorinvert
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M12 21.107V3L6.697 8.303A7.5 7.5 0 0 0 12 21.107m0 0V3l5.303 5.303A7.5 7.5 0 0 1 12 21.107"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M12 20V4m0 17c2.047 0 3.5-.41 5.303-2.09m0 0c2.986-2.782 2.697-7.91 0-10.607m0 10.607a7.5 7.5 0 0 0 0-10.607m0 10.607A7.5 7.5 0 0 1 6.697 8.303L12 3l5.303 5.303"/></g></svg>Cara memakai ikon Color Invert
React
import { Icon } from "@iconify/react";
<Icon icon="tdesign:color-invert" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tdesign:color-invert" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tdesign:color-invert" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--color-invert]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:color-invert"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tdesign:color-invert"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/tdesign/color-invert.svg" alt="Ikon Color Invert" width="24" height="24">Ikon terkait di TDesign Icons
FAQ Ikon Color Invert
Apakah ikon Color Invert gratis untuk penggunaan komersial?
Ya. TDesign Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Color Invert di React?
Pasang @iconify/react lalu render <Icon icon="tdesign:color-invert" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Color Invert ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/tdesign/color-invert.svg" alt="Ikon Color Invert">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.