Ikon Vector Square Duotone
lucide-extended:vector-square-duotone
Ikon Vector Square Duotone (lucide-extended:vector-square-duotone) adalah ikon SVG gratis dari set Lucide Extended karya Applifted. Ikon ini digambar pada grid 24 × 24. Lucide Extended icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Lucide Extended
- Pembuat
- Applifted
- Lisensi
- ISC
- Ukuran
- 24 × 24
- Tag
- vectorsquare, squareduotone, vectorsquareduotone
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M19 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4M5 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4m14 14a2 2 0 1 0 0-4a2 2 0 0 0 0 4M5 21a2 2 0 1 0 0-4a2 2 0 0 0 0 4" opacity=".15"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.055 4.53a24 24 0 0 0-10.11 0m12.522 12.525a24 24 0 0 0 0-10.11m-14.934 0a24 24 0 0 0 0 10.11m2.412 2.414c3.332.718 6.778.718 10.11 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21a2 2 0 1 0 0-4a2 2 0 0 0 0 4m0-14a2 2 0 1 0 0-4a2 2 0 0 0 0 4M5 21a2 2 0 1 0 0-4a2 2 0 0 0 0 4M5 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/></g></svg>Cara memakai ikon Vector Square Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:vector-square-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:vector-square-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:vector-square-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--vector-square-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:vector-square-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:vector-square-duotone"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/lucide-extended/vector-square-duotone.svg" alt="Ikon Vector Square Duotone" width="24" height="24">Ikon terkait di Lucide Extended
FAQ Ikon Vector Square Duotone
Apakah ikon Vector Square Duotone gratis untuk penggunaan komersial?
Ya. Lucide Extended icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Vector Square Duotone di React?
Pasang @iconify/react lalu render <Icon icon="lucide-extended:vector-square-duotone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Vector Square Duotone ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/lucide-extended/vector-square-duotone.svg" alt="Ikon Vector Square Duotone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.