Vagrant icon
logos:vagrant
The Vagrant icon (logos:vagrant) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 139 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 139
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="139" viewBox="0 0 512 139"><path d="M229.818 32.467h14.47l-21.997 73.735h-20.547l-21.997-73.735h14.473l17.786 61.43l17.809-61.43zm54.713 73.735h-11.045l-.988-3.664a29.4 29.4 0 0 1-16.107 4.77c-9.848 0-14.036-6.752-14.036-16.13c0-10.968 4.764-15.162 15.692-15.162h12.933V70.44c0-5.968-1.656-8.088-10.286-8.088a75 75 0 0 0-14.931 1.66l-1.66-10.3a70.2 70.2 0 0 1 18.409-2.558c16.91 0 21.881 5.968 21.881 19.494zm-13.482-20.37h-9.94c-4.418 0-5.637 1.222-5.637 5.323s1.219 5.415 5.407 5.415a21.2 21.2 0 0 0 10.167-2.765v-7.973zm39.23 5.853a5.82 5.82 0 0 0-3.2 4.309c0 1.429.875 2.097 2.992 2.304c5.96.668 9.202.991 15.576 1.66c8.745.99 11.504 5.322 11.504 13.064c0 11.521-4.21 16.13-24.318 16.13a78.3 78.3 0 0 1-20.71-2.765l1.657-10.07a74.7 74.7 0 0 0 18.131 2.304c10.724 0 12.818-.783 12.818-4.308s-.991-3.872-5.087-4.31c-6.19-.668-8.742-.99-15.577-1.774c-7.615-.875-10.608-3.433-10.608-10.3a11.54 11.54 0 0 1 5.64-9.216c-4.971-2.996-7.296-7.973-7.296-14.494v-5.115c.23-11.176 6.075-17.927 21.674-17.927a36.5 36.5 0 0 1 9.206 1.106h16.587v6.751c-1.886.553-4.095 1.106-5.959 1.66a18.45 18.45 0 0 1 1.887 8.41v5.092c0 10.968-6.625 17.604-21.675 17.604a28 28 0 0 1-3.243-.115m3.081-29.678c-6.624 0-8.949 2.442-8.949 7.535v4.17c0 5.323 2.644 7.305 8.95 7.305c6.304 0 9.066-2.097 9.066-7.305v-4.17c.023-5.047-2.301-7.512-9.044-7.512zm59.593 1.567a105.6 105.6 0 0 0-14.243 7.834v34.794h-13.575v-53.92h11.504l.876 5.969a60.3 60.3 0 0 1 14.15-7.074zm45.097 42.628h-11.043l-.991-3.664a29.4 29.4 0 0 1-16.104 4.77c-9.847 0-14.035-6.752-14.035-16.13c0-10.968 4.76-15.162 15.691-15.162h12.93V70.44c0-5.968-1.656-8.088-10.285-8.088a75 75 0 0 0-14.932 1.66l-1.656-10.3a70 70 0 0 1 18.405-2.558c16.913 0 21.881 5.968 21.881 19.494zm-13.483-20.37h-9.94c-4.418 0-5.636 1.222-5.636 5.323s1.218 5.415 5.406 5.415a21.2 21.2 0 0 0 10.17-2.765zm53.61 20.37V68.55c0-2.88-1.218-4.31-4.3-4.31a37.1 37.1 0 0 0-14.035 4.61v37.35h-13.486V52.284h10.286l1.336 4.608a53.8 53.8 0 0 1 21.56-5.645c8.948 0 12.148 6.314 12.148 15.945v39.172zm53.177-1.014a37.4 37.4 0 0 1-11.827 2.097c-9.848 0-14.819-4.609-14.819-14.286V63.044h-8.076V52.283h8.076V38.895l13.483-1.89v15.278h13.805l-.873 10.738H498.19v28.226a4.29 4.29 0 0 0 1.241 3.598a4.23 4.23 0 0 0 3.615 1.172a26 26 0 0 0 6.74-1.106z"/><path fill="#1159cc" d="m115.324 0l18.2 10.646l-30.35 17.65v.02l30.35-17.67v12.65L92.771 123.23L66.75 138.25v.002l-.001-.001l-.001.001l-.001-.002l-25.77-14.906L0 23.687V10.646L18.203 0l30.373 17.812l-.105.059l.082.033v12.028L66.75 72.49l-.001 14.218l.003-.001V72.491l18.221-42.56V17.79h.023z"/><path fill="#127eff" d="M115.324 0L84.997 17.789h-.023v12.143L66.753 72.491v14.217l-12.126 7.051l-24.275-54.748V28.296l18.224-10.484L18.203 0L0 10.646v13.041l40.978 99.658l25.773 14.908V100.81L78.9 93.759l-.162-.092l24.437-54.656V28.296l30.349-17.65z"/></svg>How to use the Vagrant icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:vagrant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:vagrant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:vagrant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--vagrant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:vagrant"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:vagrant"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/vagrant.svg" alt="Vagrant icon" width="24" height="24">Related icons in SVG Logos
Vagrant icon in other icon sets
Vagrant icon FAQ
Is the Vagrant icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Vagrant icon in React?
Install @iconify/react and render <Icon icon="logos:vagrant" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vagrant icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/vagrant.svg" alt="Vagrant icon">, or paste the SVG code inline to style it with CSS.