vagrant logo
vagrant from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- vagrant
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 140.625×140.625
- License
- MIT
The same logo in other sets
Use the vagrant logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 140.625 140.625"><path fill="#1565c0" d="m70.315 132.051l23.269-13.42l36.445-89.24V18.084l-27.142 15.791v9.539L81.16 90.26l-10.846 7.494zM59.449 92.32l10.866-5.365V73.322L54.028 35.326v-10.75l-.112-.064l-16.174 9.362v9.539z"/><path fill="#2979ff" d="M86.597 24.463v10.862L70.312 73.32v12.697l-10.862 6.3l-21.708-48.904V33.86l16.285-9.38L26.88 8.577l-16.286 9.506v11.644l36.654 89.018l23.064 13.302V98.615l10.847-6.3l-.128-.08l21.852-48.824v-9.554l27.148-15.775l-16.286-9.507l-27.131 15.886z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeVagrant(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 140.625 140.625"><path fill="#1565c0" d="m70.315 132.051l23.269-13.42l36.445-89.24V18.084l-27.142 15.791v9.539L81.16 90.26l-10.846 7.494zM59.449 92.32l10.866-5.365V73.322L54.028 35.326v-10.75l-.112-.064l-16.174 9.362v9.539z"/><path fill="#2979ff" d="M86.597 24.463v10.862L70.312 73.32v12.697l-10.862 6.3l-21.708-48.904V33.86l16.285-9.38L26.88 8.577l-16.286 9.506v11.644l36.654 89.018l23.064 13.302V98.615l10.847-6.3l-.128-.08l21.852-48.824v-9.554l27.148-15.775l-16.286-9.507l-27.131 15.886z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 140.625 140.625"><path fill="#1565c0" d="m70.315 132.051l23.269-13.42l36.445-89.24V18.084l-27.142 15.791v9.539L81.16 90.26l-10.846 7.494zM59.449 92.32l10.866-5.365V73.322L54.028 35.326v-10.75l-.112-.064l-16.174 9.362v9.539z"/><path fill="#2979ff" d="M86.597 24.463v10.862L70.312 73.32v12.697l-10.862 6.3l-21.708-48.904V33.86l16.285-9.38L26.88 8.577l-16.286 9.506v11.644l36.654 89.018l23.064 13.302V98.615l10.847-6.3l-.128-.08l21.852-48.824v-9.554l27.148-15.775l-16.286-9.507l-27.131 15.886z"/></svg> </template>
CSS
.icon-vagrant {
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%20140.625%20140.625%22%3E%3Cpath%20fill%3D%22%231565c0%22%20d%3D%22m70.315%20132.051l23.269-13.42l36.445-89.24V18.084l-27.142%2015.791v9.539L81.16%2090.26l-10.846%207.494zM59.449%2092.32l10.866-5.365V73.322L54.028%2035.326v-10.75l-.112-.064l-16.174%209.362v9.539z%22%2F%3E%3Cpath%20fill%3D%22%232979ff%22%20d%3D%22M86.597%2024.463v10.862L70.312%2073.32v12.697l-10.862%206.3l-21.708-48.904V33.86l16.285-9.38L26.88%208.577l-16.286%209.506v11.644l36.654%2089.018l23.064%2013.302V98.615l10.847-6.3l-.128-.08l21.852-48.824v-9.554l27.148-15.775l-16.286-9.507l-27.131%2015.886z%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%20140.625%20140.625%22%3E%3Cpath%20fill%3D%22%231565c0%22%20d%3D%22m70.315%20132.051l23.269-13.42l36.445-89.24V18.084l-27.142%2015.791v9.539L81.16%2090.26l-10.846%207.494zM59.449%2092.32l10.866-5.365V73.322L54.028%2035.326v-10.75l-.112-.064l-16.174%209.362v9.539z%22%2F%3E%3Cpath%20fill%3D%22%232979ff%22%20d%3D%22M86.597%2024.463v10.862L70.312%2073.32v12.697l-10.862%206.3l-21.708-48.904V33.86l16.285-9.38L26.88%208.577l-16.286%209.506v11.644l36.654%2089.018l23.064%2013.302V98.615l10.847-6.3l-.128-.08l21.852-48.824v-9.554l27.148-15.775l-16.286-9.507l-27.131%2015.886z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/vagrant.svg?color=%231a73e8&size=48
