Ikon App Window
keyline-icons:app-window
Ikon App Window (keyline-icons:app-window) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline 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
- Keyline Icons
- Pembuat
- Keyline Icons
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- appwindow
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 3L18 3C19.6569 3 21 4.3431 21 6L21 18C21 19.6569 19.6569 21 18 21L6 21C4.3431 21 3 19.6569 3 18L3 6C3 4.3431 4.3431 3 6 3Z"/><path fill="currentColor" d="M8 7C8 7.5523 7.5523 8 7 8C6.4477 8 6 7.5523 6 7C6 6.4477 6.4477 6 7 6C7.5523 6 8 6.4477 8 7ZM12 7C12 7.5523 11.5523 8 11 8C10.4477 8 10 7.5523 10 7C10 6.4477 10.4477 6 11 6C11.5523 6 12 6.4477 12 7ZM16 7C16 7.5523 15.5523 8 15 8C14.4477 8 14 7.5523 14 7C14 6.4477 14.4477 6 15 6C15.5523 6 16 6.4477 16 7Z" stroke="none"/></g></svg>Cara memakai ikon App Window
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:app-window" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:app-window" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:app-window" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--app-window]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:app-window"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:app-window"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/app-window.svg" alt="Ikon App Window" width="24" height="24">Ikon terkait di Keyline Icons
Ikon App Window di set ikon lain
FAQ Ikon App Window
Apakah ikon App Window gratis untuk penggunaan komersial?
Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon App Window di React?
Pasang @iconify/react lalu render <Icon icon="keyline-icons:app-window" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon App Window ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/app-window.svg" alt="Ikon App Window">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.