vagrant icon logo

vagrant-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
vagrant-icon
Set
SVG Logos
Style
Color
Viewbox
256×266
License
CC0

Use the vagrant icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 266"><path fill="#1159cc" d="m221.102 0l34.894 20.41l-58.187 33.84v.04l58.187-33.88v24.253L177.863 236.26l-49.887 28.8v.004l-.003-.003l-.002.003l-.001-.004l-49.406-28.579L0 45.414V20.41L34.9 0l58.231 34.149l-.199.114l.155.063v23.06l34.889 81.596v27.26l.006-.003v-27.257l34.933-81.596V34.105h.044zM71.579 46.548L58.193 54.25l-.001.04z"/><path fill="#127eff" d="m221.102 0l-58.143 34.105h-.044v23.281l-34.933 81.596v27.257l-23.249 13.518l-46.54-104.965V54.25l34.938-20.101L34.9 0L0 20.41v25.004l78.564 191.067l49.412 28.583v-71.788l23.293-13.519l-.31-.176l46.85-104.789V54.25l58.187-33.84z"/></svg>

React

import type { SVGProps } from "react";

export function LogosVagrantIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 266"><path fill="#1159cc" d="m221.102 0l34.894 20.41l-58.187 33.84v.04l58.187-33.88v24.253L177.863 236.26l-49.887 28.8v.004l-.003-.003l-.002.003l-.001-.004l-49.406-28.579L0 45.414V20.41L34.9 0l58.231 34.149l-.199.114l.155.063v23.06l34.889 81.596v27.26l.006-.003v-27.257l34.933-81.596V34.105h.044zM71.579 46.548L58.193 54.25l-.001.04z"/><path fill="#127eff" d="m221.102 0l-58.143 34.105h-.044v23.281l-34.933 81.596v27.257l-23.249 13.518l-46.54-104.965V54.25l34.938-20.101L34.9 0L0 20.41v25.004l78.564 191.067l49.412 28.583v-71.788l23.293-13.519l-.31-.176l46.85-104.789V54.25l58.187-33.84z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 266"><path fill="#1159cc" d="m221.102 0l34.894 20.41l-58.187 33.84v.04l58.187-33.88v24.253L177.863 236.26l-49.887 28.8v.004l-.003-.003l-.002.003l-.001-.004l-49.406-28.579L0 45.414V20.41L34.9 0l58.231 34.149l-.199.114l.155.063v23.06l34.889 81.596v27.26l.006-.003v-27.257l34.933-81.596V34.105h.044zM71.579 46.548L58.193 54.25l-.001.04z"/><path fill="#127eff" d="m221.102 0l-58.143 34.105h-.044v23.281l-34.933 81.596v27.257l-23.249 13.518l-46.54-104.965V54.25l34.938-20.101L34.9 0L0 20.41v25.004l78.564 191.067l49.412 28.583v-71.788l23.293-13.519l-.31-.176l46.85-104.789V54.25l58.187-33.84z"/></svg>
</template>

CSS

.icon-vagrant-icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20266%22%3E%3Cpath%20fill%3D%22%231159cc%22%20d%3D%22m221.102%200l34.894%2020.41l-58.187%2033.84v.04l58.187-33.88v24.253L177.863%20236.26l-49.887%2028.8v.004l-.003-.003l-.002.003l-.001-.004l-49.406-28.579L0%2045.414V20.41L34.9%200l58.231%2034.149l-.199.114l.155.063v23.06l34.889%2081.596v27.26l.006-.003v-27.257l34.933-81.596V34.105h.044zM71.579%2046.548L58.193%2054.25l-.001.04z%22%2F%3E%3Cpath%20fill%3D%22%23127eff%22%20d%3D%22m221.102%200l-58.143%2034.105h-.044v23.281l-34.933%2081.596v27.257l-23.249%2013.518l-46.54-104.965V54.25l34.938-20.101L34.9%200L0%2020.41v25.004l78.564%20191.067l49.412%2028.583v-71.788l23.293-13.519l-.31-.176l46.85-104.789V54.25l58.187-33.84z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20266%22%3E%3Cpath%20fill%3D%22%231159cc%22%20d%3D%22m221.102%200l34.894%2020.41l-58.187%2033.84v.04l58.187-33.88v24.253L177.863%20236.26l-49.887%2028.8v.004l-.003-.003l-.002.003l-.001-.004l-49.406-28.579L0%2045.414V20.41L34.9%200l58.231%2034.149l-.199.114l.155.063v23.06l34.889%2081.596v27.26l.006-.003v-27.257l34.933-81.596V34.105h.044zM71.579%2046.548L58.193%2054.25l-.001.04z%22%2F%3E%3Cpath%20fill%3D%22%23127eff%22%20d%3D%22m221.102%200l-58.143%2034.105h-.044v23.281l-34.933%2081.596v27.257l-23.249%2013.518l-46.54-104.965V54.25l34.938-20.101L34.9%200L0%2020.41v25.004l78.564%20191.067l49.412%2028.583v-71.788l23.293-13.519l-.31-.176l46.85-104.789V54.25l58.187-33.84z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/vagrant-icon.svg?color=%231a73e8&size=48