vsphere logo

vsphere from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: vsphere
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

Use the vsphere logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#00c1d5" d="M60.168.104H18.641S2.278.932 0 18.744v89.373s1.14 17.915 19.78 19.78h36.35l5.488-5.49H20.401s-13.048-1.656-14.705-14.705V19.883S5.178 6.628 20.194 5.385h35.107z"/><path fill="#78bd20" d="M67.832 127.896h41.527s16.363-.828 18.641-18.64V19.883S126.86 1.968 108.22.103H71.974l-5.489 5.49H107.6s13.048 1.656 14.705 14.705v87.819s.518 13.255-14.498 14.498H72.803Z"/><g fill="#0091da"><path d="M101.385 111.534s-.103 0 0 0H47.016c-6.731 0-9.113-6.006-9.424-9.217v-56.13c0-7.56 6.524-9.837 9.942-9.941h.103l54.576.207c6.835 0 9.321 6.214 9.632 9.424v55.094c0 3.107-.932 5.696-2.9 7.56c-2.9 2.9-6.939 3.003-7.56 3.003m-59.65-9.631c.103.828.932 5.489 5.281 5.489h54.37c.103 0 2.899 0 4.763-1.76c1.035-1.036 1.553-2.59 1.553-4.558V46.291c-.103-.932-1.035-5.695-5.592-5.695l-54.472-.208c-.725 0-5.903.518-5.903 5.8z"/><path d="M32.104 86.162h-7.25c-4.039 0-4.763-4.246-4.97-5.075V25.372c0-4.97 4.66-5.385 5.488-5.489l54.576.208c4.143 0 4.971 4.453 5.178 5.281v5.696h4.971v-6.11c-.414-3.417-3.003-9.838-10.045-9.838l-54.68-.207c-3.52.103-10.252 2.485-10.252 10.356v56.129c.31 3.314 2.9 9.631 9.838 9.631h7.25v-4.867z"/></g></svg>

React

import type { SVGProps } from "react";

export function DeviconVsphere(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#00c1d5" d="M60.168.104H18.641S2.278.932 0 18.744v89.373s1.14 17.915 19.78 19.78h36.35l5.488-5.49H20.401s-13.048-1.656-14.705-14.705V19.883S5.178 6.628 20.194 5.385h35.107z"/><path fill="#78bd20" d="M67.832 127.896h41.527s16.363-.828 18.641-18.64V19.883S126.86 1.968 108.22.103H71.974l-5.489 5.49H107.6s13.048 1.656 14.705 14.705v87.819s.518 13.255-14.498 14.498H72.803Z"/><g fill="#0091da"><path d="M101.385 111.534s-.103 0 0 0H47.016c-6.731 0-9.113-6.006-9.424-9.217v-56.13c0-7.56 6.524-9.837 9.942-9.941h.103l54.576.207c6.835 0 9.321 6.214 9.632 9.424v55.094c0 3.107-.932 5.696-2.9 7.56c-2.9 2.9-6.939 3.003-7.56 3.003m-59.65-9.631c.103.828.932 5.489 5.281 5.489h54.37c.103 0 2.899 0 4.763-1.76c1.035-1.036 1.553-2.59 1.553-4.558V46.291c-.103-.932-1.035-5.695-5.592-5.695l-54.472-.208c-.725 0-5.903.518-5.903 5.8z"/><path d="M32.104 86.162h-7.25c-4.039 0-4.763-4.246-4.97-5.075V25.372c0-4.97 4.66-5.385 5.488-5.489l54.576.208c4.143 0 4.971 4.453 5.178 5.281v5.696h4.971v-6.11c-.414-3.417-3.003-9.838-10.045-9.838l-54.68-.207c-3.52.103-10.252 2.485-10.252 10.356v56.129c.31 3.314 2.9 9.631 9.838 9.631h7.25v-4.867z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#00c1d5" d="M60.168.104H18.641S2.278.932 0 18.744v89.373s1.14 17.915 19.78 19.78h36.35l5.488-5.49H20.401s-13.048-1.656-14.705-14.705V19.883S5.178 6.628 20.194 5.385h35.107z"/><path fill="#78bd20" d="M67.832 127.896h41.527s16.363-.828 18.641-18.64V19.883S126.86 1.968 108.22.103H71.974l-5.489 5.49H107.6s13.048 1.656 14.705 14.705v87.819s.518 13.255-14.498 14.498H72.803Z"/><g fill="#0091da"><path d="M101.385 111.534s-.103 0 0 0H47.016c-6.731 0-9.113-6.006-9.424-9.217v-56.13c0-7.56 6.524-9.837 9.942-9.941h.103l54.576.207c6.835 0 9.321 6.214 9.632 9.424v55.094c0 3.107-.932 5.696-2.9 7.56c-2.9 2.9-6.939 3.003-7.56 3.003m-59.65-9.631c.103.828.932 5.489 5.281 5.489h54.37c.103 0 2.899 0 4.763-1.76c1.035-1.036 1.553-2.59 1.553-4.558V46.291c-.103-.932-1.035-5.695-5.592-5.695l-54.472-.208c-.725 0-5.903.518-5.903 5.8z"/><path d="M32.104 86.162h-7.25c-4.039 0-4.763-4.246-4.97-5.075V25.372c0-4.97 4.66-5.385 5.488-5.489l54.576.208c4.143 0 4.971 4.453 5.178 5.281v5.696h4.971v-6.11c-.414-3.417-3.003-9.838-10.045-9.838l-54.68-.207c-3.52.103-10.252 2.485-10.252 10.356v56.129c.31 3.314 2.9 9.631 9.838 9.631h7.25v-4.867z"/></g></svg>
</template>

CSS

.icon-vsphere {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%2300c1d5%22%20d%3D%22M60.168.104H18.641S2.278.932%200%2018.744v89.373s1.14%2017.915%2019.78%2019.78h36.35l5.488-5.49H20.401s-13.048-1.656-14.705-14.705V19.883S5.178%206.628%2020.194%205.385h35.107z%22%2F%3E%3Cpath%20fill%3D%22%2378bd20%22%20d%3D%22M67.832%20127.896h41.527s16.363-.828%2018.641-18.64V19.883S126.86%201.968%20108.22.103H71.974l-5.489%205.49H107.6s13.048%201.656%2014.705%2014.705v87.819s.518%2013.255-14.498%2014.498H72.803Z%22%2F%3E%3Cg%20fill%3D%22%230091da%22%3E%3Cpath%20d%3D%22M101.385%20111.534s-.103%200%200%200H47.016c-6.731%200-9.113-6.006-9.424-9.217v-56.13c0-7.56%206.524-9.837%209.942-9.941h.103l54.576.207c6.835%200%209.321%206.214%209.632%209.424v55.094c0%203.107-.932%205.696-2.9%207.56c-2.9%202.9-6.939%203.003-7.56%203.003m-59.65-9.631c.103.828.932%205.489%205.281%205.489h54.37c.103%200%202.899%200%204.763-1.76c1.035-1.036%201.553-2.59%201.553-4.558V46.291c-.103-.932-1.035-5.695-5.592-5.695l-54.472-.208c-.725%200-5.903.518-5.903%205.8z%22%2F%3E%3Cpath%20d%3D%22M32.104%2086.162h-7.25c-4.039%200-4.763-4.246-4.97-5.075V25.372c0-4.97%204.66-5.385%205.488-5.489l54.576.208c4.143%200%204.971%204.453%205.178%205.281v5.696h4.971v-6.11c-.414-3.417-3.003-9.838-10.045-9.838l-54.68-.207c-3.52.103-10.252%202.485-10.252%2010.356v56.129c.31%203.314%202.9%209.631%209.838%209.631h7.25v-4.867z%22%2F%3E%3C%2Fg%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%20128%20128%22%3E%3Cpath%20fill%3D%22%2300c1d5%22%20d%3D%22M60.168.104H18.641S2.278.932%200%2018.744v89.373s1.14%2017.915%2019.78%2019.78h36.35l5.488-5.49H20.401s-13.048-1.656-14.705-14.705V19.883S5.178%206.628%2020.194%205.385h35.107z%22%2F%3E%3Cpath%20fill%3D%22%2378bd20%22%20d%3D%22M67.832%20127.896h41.527s16.363-.828%2018.641-18.64V19.883S126.86%201.968%20108.22.103H71.974l-5.489%205.49H107.6s13.048%201.656%2014.705%2014.705v87.819s.518%2013.255-14.498%2014.498H72.803Z%22%2F%3E%3Cg%20fill%3D%22%230091da%22%3E%3Cpath%20d%3D%22M101.385%20111.534s-.103%200%200%200H47.016c-6.731%200-9.113-6.006-9.424-9.217v-56.13c0-7.56%206.524-9.837%209.942-9.941h.103l54.576.207c6.835%200%209.321%206.214%209.632%209.424v55.094c0%203.107-.932%205.696-2.9%207.56c-2.9%202.9-6.939%203.003-7.56%203.003m-59.65-9.631c.103.828.932%205.489%205.281%205.489h54.37c.103%200%202.899%200%204.763-1.76c1.035-1.036%201.553-2.59%201.553-4.558V46.291c-.103-.932-1.035-5.695-5.592-5.695l-54.472-.208c-.725%200-5.903.518-5.903%205.8z%22%2F%3E%3Cpath%20d%3D%22M32.104%2086.162h-7.25c-4.039%200-4.763-4.246-4.97-5.075V25.372c0-4.97%204.66-5.385%205.488-5.489l54.576.208c4.143%200%204.971%204.453%205.178%205.281v5.696h4.971v-6.11c-.414-3.417-3.003-9.838-10.045-9.838l-54.68-.207c-3.52.103-10.252%202.485-10.252%2010.356v56.129c.31%203.314%202.9%209.631%209.838%209.631h7.25v-4.867z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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