Ikon File Type Vagrant
vscode-icons:file-type-vagrant
Ikon File Type Vagrant (vscode-icons:file-type-vagrant) 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, typevagrant, filetypevagrant
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#3185b8" d="M29.845 4.008C29.645 3.844 28.073 3 28.073 3l-1.673.976L28.072 3L26.4 2v1.975L24.647 3s-1.431.836-2.125 1.237c-.874.5-3.018 1.781-3.018 1.781V7.9l-1.766 4.6V15l-1.24.724L16 17.015L12.528 8V6.019L5.6 2L2.14 4v2.04l2.158 5.2l1.311.772v2.37l5.2 12.628L16 29.983V30l5.189-3l8.674-21l-.019-1.991"/><path fill="#3185b8" d="m16.006 29.985l-5.2-2.976l-5.2-12.628v-2.37l-1.311-.772L2.137 6.04V4l1.707 1v2l1.765 1.028V6.011l3.449 2l.166 1.975l5.013 13.013l3.484 2.029V29L16 27.992v1.993"/><path fill="#61a5ce" d="M12.528 8L16 17.015v4.967l-1.762 1L9.224 9.967l-.166-1.961l3.471-1.987zM3.844 5v2l1.766-.989z"/><path fill="#eae9e6" d="M5.609 8.029V6.011L3.844 7z"/><path fill="#3185b8" d="m16 21.982l1.738.994l1.935-4.858l1.49.887v-4.656l.475-1.124l1.269.743V12l-1.727-1l1.737-1.008L21.206 9V7l-1.7-.99V7.9l-1.766 4.6V15l-1.24.724l-.5 1.291z"/><path fill="#61a5ce" d="m15.973 24.016l1.748 1.008L17.713 29l3.479-2l8.671-21l-.019-1.991l-5.2 3v4L22.9 12v1.968l-1.269-.743l-.475 1.124V19l-2.414 1.42l-1.011 2.561l-1.762 1.039"/><path fill="#eae9e6" d="m9.047 10l1.744-1.01v2z"/><path fill="#3185b8" d="m10.791 10.994l1.729.977V10l-1.729-1.01v2"/><path fill="#61a5ce" d="M7.33 14.974v2.019l1.746-1z"/><path fill="#eae9e6" d="m10.818 17l-1.752 1.02l-1.736-1.027l1.746-1z"/><path fill="#61a5ce" d="M10.795 23v2.036l1.755-1.016z"/><path fill="#eae9e6" d="m14.241 26.988l1.768 1.028l.006-2.068z"/><path fill="#61a5ce" d="m16 30l.007-1.985l1.7.989z"/><path fill="#eae9e6" d="m16 21.982l-1.762 1l1.738 1.031l1.762-1.039z"/><path fill="#3185b8" d="M24.647 11V7l-1.721-.98v1.996L21.206 9z"/><path fill="#eae9e6" d="m21.177 11l1.737-1.008L24.647 11L22.9 12l-1.727-1"/><path fill="#61a5ce" d="m21.206 9l1.72-.989V6.024L21.2 7v2"/><path fill="#3185b8" d="M26.4 3.975V2l1.676 1z"/><path fill="#eae9e6" d="m29.845 4.008l-5.2 3l-1.721-.98L21.2 7l-1.7-.99s2.144-1.277 3.018-1.781C23.217 3.832 24.647 3 24.647 3l1.75.979L28.073 3s1.571.843 1.771 1.007M12.529 6.019L9.058 8.006L2.14 4L5.6 2l6.928 4.019"/><path fill="#3185b8" d="M28.1 6.958V5.014l-1.691.976l1.691.969M22.974 16l1.683-.965v1.936z"/><path fill="#eae9e6" d="M19.458 24v2.006l1.753-1.014z"/><path fill="#3185b8" d="M21.221 24.995L21.2 23l-1.742 1l1.764.992"/></svg>
Cara memakai ikon File Type Vagrant
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-vagrant" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-vagrant" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-vagrant" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-vagrant]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-vagrant"></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-vagrant"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vagrant.svg" alt="Ikon File Type Vagrant" width="24" height="24">
Ikon terkait di VSCode Icons
FAQ Ikon File Type Vagrant
Apakah ikon File Type Vagrant 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 Vagrant di React?
Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-vagrant" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon File Type Vagrant ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vagrant.svg" alt="Ikon File Type Vagrant">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua VSCode Icons →
