Ikon Project Outlined
eos-icons:project-outlined
Ikon Project Outlined (eos-icons:project-outlined) adalah ikon SVG gratis dari set EOS Icons karya SUSE UX/UI team. Ikon ini digambar pada grid 24 × 24. EOS 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
- EOS Icons
- Pembuat
- SUSE UX/UI team
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- projectoutlined
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="6" r="1" fill="currentColor"/><path fill="currentColor" d="M6 17h12v2H6zm4-5.17l2.792 2.794l3.932-3.935L18 12V8h-4l1.31 1.275l-2.519 2.519L10 9l-4 4l1.414 1.414z"/><path fill="currentColor" d="M19 3h-3.298a5 5 0 0 0-.32-.425l-.01-.012a4.43 4.43 0 0 0-2.89-1.518a2.6 2.6 0 0 0-.964 0a4.43 4.43 0 0 0-2.89 1.518l-.01.012a5 5 0 0 0-.32.424V3H5a3.003 3.003 0 0 0-3 3v14a3.003 3.003 0 0 0 3 3h14a3.003 3.003 0 0 0 3-3V6a3.003 3.003 0 0 0-3-3m1 17a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4.55a2.5 2.5 0 0 1 4.9 0H19a1 1 0 0 1 1 1Z"/></svg>Cara memakai ikon Project Outlined
React
import { Icon } from "@iconify/react";
<Icon icon="eos-icons:project-outlined" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="eos-icons:project-outlined" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="eos-icons:project-outlined" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[eos-icons--project-outlined]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/eos-icons -->
<div class="i-eos-icons:project-outlined"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="eos-icons:project-outlined"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/eos-icons/project-outlined.svg" alt="Ikon Project Outlined" width="24" height="24">Ikon terkait di EOS Icons
Ikon Project Outlined di set ikon lain
FAQ Ikon Project Outlined
Apakah ikon Project Outlined gratis untuk penggunaan komersial?
Ya. EOS Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Project Outlined di React?
Pasang @iconify/react lalu render <Icon icon="eos-icons:project-outlined" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Project Outlined ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/eos-icons/project-outlined.svg" alt="Ikon Project Outlined">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.