File Type Vagrant ikonu

vscode-icons:file-type-vagrant

File Type Vagrant ikonu (vscode-icons:file-type-vagrant), VSCode Icons setinden ücretsiz bir SVG ikondur (yapımcı: Roberto Huertas). 32 × 32 ızgara üzerinde çizilmiştir. VSCode Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: VSCode Icons
Yazar: Roberto Huertas
Lisans: MIT
Boyut: 32 × 32
Etiketler: filetype, typevagrant, filetypevagrant

SVG indir

SVG kodu

<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>

File Type Vagrant ikonu nasıl kullanılır

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 bileşeni

<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>

HTML görseli

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vagrant.svg" alt="File Type Vagrant ikonu" width="24" height="24">

VSCode Icons setindeki benzer ikonlar

File Type Vagrant ikonu: sık sorulan sorular

File Type Vagrant ikonu ticari kullanım için ücretsiz mi?

Evet. VSCode Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

File Type Vagrant ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="vscode-icons:file-type-vagrant" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

File Type Vagrant ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vagrant.svg" alt="File Type Vagrant ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: VSCode Icons →