Ikon File Type Lighthouse
vscode-icons:file-type-lighthouse
Ikon File Type Lighthouse (vscode-icons:file-type-lighthouse) adalah ikon SVG gratis dari set VSCode Icons karya Roberto Huertas. Ikon ini digambar pada grid 32 × 32. VSCode 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
- VSCode Icons
- Pembuat
- Roberto Huertas
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Tag
- filetype, typelighthouse, filetypelighthouse
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#304ffe" d="M3 24.967c2.25 0 2.25-1.485 4.5-1.485s2.25 1.485 4.5 1.485s2.25-1.485 4.5-1.485s2.251 1.485 4.5 1.485s2.25-1.485 4.5-1.485c2.132 0 2.239 1.332 4.147 1.474A14.264 14.264 0 0 0 19.094 7.885A14 14 0 0 0 2.347 18.632a14.6 14.6 0 0 0-.011 6.281a5 5 0 0 0 .675.054Z"/><path fill="#ffd54f" d="M14.626 9.316h3.643v3.44h-3.643Z"/><path fill="#fff176" d="M14.626 9.316h1.286v3.44h-1.286Z"/><ellipse cx="15.88" cy="10.167" fill="#fff176" rx=".857" ry="1.092"/><path fill="#f4511e" d="M14.541 8.922a1.886 1.886 0 1 1 3.771 0"/><path fill="#f4511e" d="M14.412 8.857h4.007a.251.251 0 0 1 0 .5h-4.007a.244.244 0 0 1-.246-.251a.25.25 0 0 1 .246-.249"/><path fill="#c5cae9" d="m14.1 23.351l.525-10.628h3.643l.472 10.1Z"/><path fill="none" d="m18.323 13.542l.139 2.818"/><path fill="#ff7043" d="m14.487 15.367l-.139 2.949l4.114-1.956l-.139-2.818Z"/><path fill="none" d="m18.6 19.124l.139 2.818"/><path fill="#ff7043" d="m14.2 21.221l-.15 2.949l4.693-2.228l-.143-2.818Z"/><path fill="#e64a19" d="M14.069 11.161h4.7v1.573h-4.7Z"/><path fill="#f4511e" d="M14.069 11.161h3.086v1.573h-3.086Z"/><path fill="#2979ff" d="M22.352 10.725a.9.9 0 0 1 .353.076a1.484 1.484 0 0 1 2.872-.393a1.016 1.016 0 0 1 0 2.031h-3.225a.85.85 0 0 1-.847-.863a.84.84 0 0 1 .847-.851"/><path fill="#448aff" d="M12.762 18.938a.7.7 0 0 1 .3.066a1.253 1.253 0 0 1 2.432-.339a.864.864 0 0 1 .086 1.726h-2.807a.717.717 0 0 1-.686-.754a.7.7 0 0 1 .675-.7Z"/><circle cx="19.769" cy="9.042" r=".15" fill="#fdd835"/><circle cx="4.576" cy="21.363" r=".15" fill="#fdd835"/><circle cx="5.979" cy="18.239" r=".15" fill="#fdd835"/><circle cx="6.922" cy="17.431" r=".15" fill="#fdd835"/><circle cx="10.897" cy="13.816" r=".15" fill="#fdd835"/><circle cx="23.466" cy="14.252" r=".15" fill="#fdd835"/><circle cx="29.434" cy="20.718" r=".15" fill="#fdd835"/><circle cx="8.379" cy="13.346" r=".15" fill="#fdd835"/><circle cx="21.795" cy="20.784" r=".15" fill="#fdd835"/><circle cx="26.391" cy="16.907" r=".15" fill="#fdd835"/><path fill="#ffe082" d="M14.691 9.261S7.565 8.245 7.544 8.245a15.7 15.7 0 0 0-4.715 4.806l11.851-1.769Z" opacity=".5"/><path fill="#00c853" d="M12.033 25c2.25 0 2.25-1.485 4.5-1.485S18.784 25 21.034 25c1.907 0 2.2-1.07 3.621-1.4a17.16 17.16 0 0 0-8.068-1.769a17.2 17.2 0 0 0-8.111 1.791c1.371.34 1.671 1.378 3.557 1.378"/><path fill="#64dd17" d="M12.044 24.978c2.25 0 2.25-1.485 4.5-1.485h.043l-.021-1.639A17.2 17.2 0 0 0 8.529 23.6c1.34.351 1.651 1.378 3.515 1.378"/></svg>
Cara memakai ikon File Type Lighthouse
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-lighthouse" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-lighthouse" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-lighthouse" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-lighthouse]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-lighthouse"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:file-type-lighthouse"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-lighthouse.svg" alt="Ikon File Type Lighthouse" width="24" height="24">
Ikon terkait di VSCode Icons
FAQ Ikon File Type Lighthouse
Apakah ikon File Type Lighthouse gratis untuk penggunaan komersial?
Ya. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon File Type Lighthouse di React?
Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-lighthouse" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon File Type Lighthouse ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-lighthouse.svg" alt="Ikon File Type Lighthouse">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua VSCode Icons →
