vultr icon logo

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

Name
vultr-icon
Set
SVG Logos
Style
Color
Viewbox
256×221
License
CC0

Use the vultr icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 221"><path fill="#c9f4ff" d="M89.173 6.095A12.74 12.74 0 0 0 78.385 0H12.8C5.73 0 0 5.73 0 12.8c0 2.413.676 4.778 1.95 6.827l16.884 24.807l84.42-18.285z"/><path fill="#51b9ff" d="M103.619 26.636a12.86 12.86 0 0 0-10.85-6.095H27.43A12.739 12.739 0 0 0 16.213 40.29l18.835 29.866l87.222-13.653z"/><path fill="#007bfc" d="M34.255 68.937a13.04 13.04 0 0 1-1.158-11.459a12.86 12.86 0 0 1 12.19-8.168h65.342a12.8 12.8 0 0 1 10.85 6.096l58.696 93.074a12.9 12.9 0 0 1 1.95 6.827a13.1 13.1 0 0 1-1.95 6.826l-32.792 51.993a12.86 12.86 0 0 1-21.7 0zm165.303 29.745a12.86 12.86 0 0 0 21.7 0l11.275-17.86L254.05 46.69a12.9 12.9 0 0 0 1.95-6.827a13.1 13.1 0 0 0-1.95-6.827l-17.067-26.94A12.86 12.86 0 0 0 226.133 0H160.55a12.8 12.8 0 0 0-12.801 12.8a12.2 12.2 0 0 0 2.012 6.827z"/></svg>

React

import type { SVGProps } from "react";

export function LogosVultrIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 221"><path fill="#c9f4ff" d="M89.173 6.095A12.74 12.74 0 0 0 78.385 0H12.8C5.73 0 0 5.73 0 12.8c0 2.413.676 4.778 1.95 6.827l16.884 24.807l84.42-18.285z"/><path fill="#51b9ff" d="M103.619 26.636a12.86 12.86 0 0 0-10.85-6.095H27.43A12.739 12.739 0 0 0 16.213 40.29l18.835 29.866l87.222-13.653z"/><path fill="#007bfc" d="M34.255 68.937a13.04 13.04 0 0 1-1.158-11.459a12.86 12.86 0 0 1 12.19-8.168h65.342a12.8 12.8 0 0 1 10.85 6.096l58.696 93.074a12.9 12.9 0 0 1 1.95 6.827a13.1 13.1 0 0 1-1.95 6.826l-32.792 51.993a12.86 12.86 0 0 1-21.7 0zm165.303 29.745a12.86 12.86 0 0 0 21.7 0l11.275-17.86L254.05 46.69a12.9 12.9 0 0 0 1.95-6.827a13.1 13.1 0 0 0-1.95-6.827l-17.067-26.94A12.86 12.86 0 0 0 226.133 0H160.55a12.8 12.8 0 0 0-12.801 12.8a12.2 12.2 0 0 0 2.012 6.827z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 221"><path fill="#c9f4ff" d="M89.173 6.095A12.74 12.74 0 0 0 78.385 0H12.8C5.73 0 0 5.73 0 12.8c0 2.413.676 4.778 1.95 6.827l16.884 24.807l84.42-18.285z"/><path fill="#51b9ff" d="M103.619 26.636a12.86 12.86 0 0 0-10.85-6.095H27.43A12.739 12.739 0 0 0 16.213 40.29l18.835 29.866l87.222-13.653z"/><path fill="#007bfc" d="M34.255 68.937a13.04 13.04 0 0 1-1.158-11.459a12.86 12.86 0 0 1 12.19-8.168h65.342a12.8 12.8 0 0 1 10.85 6.096l58.696 93.074a12.9 12.9 0 0 1 1.95 6.827a13.1 13.1 0 0 1-1.95 6.826l-32.792 51.993a12.86 12.86 0 0 1-21.7 0zm165.303 29.745a12.86 12.86 0 0 0 21.7 0l11.275-17.86L254.05 46.69a12.9 12.9 0 0 0 1.95-6.827a13.1 13.1 0 0 0-1.95-6.827l-17.067-26.94A12.86 12.86 0 0 0 226.133 0H160.55a12.8 12.8 0 0 0-12.801 12.8a12.2 12.2 0 0 0 2.012 6.827z"/></svg>
</template>

CSS

.icon-vultr-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%20221%22%3E%3Cpath%20fill%3D%22%23c9f4ff%22%20d%3D%22M89.173%206.095A12.74%2012.74%200%200%200%2078.385%200H12.8C5.73%200%200%205.73%200%2012.8c0%202.413.676%204.778%201.95%206.827l16.884%2024.807l84.42-18.285z%22%2F%3E%3Cpath%20fill%3D%22%2351b9ff%22%20d%3D%22M103.619%2026.636a12.86%2012.86%200%200%200-10.85-6.095H27.43A12.739%2012.739%200%200%200%2016.213%2040.29l18.835%2029.866l87.222-13.653z%22%2F%3E%3Cpath%20fill%3D%22%23007bfc%22%20d%3D%22M34.255%2068.937a13.04%2013.04%200%200%201-1.158-11.459a12.86%2012.86%200%200%201%2012.19-8.168h65.342a12.8%2012.8%200%200%201%2010.85%206.096l58.696%2093.074a12.9%2012.9%200%200%201%201.95%206.827a13.1%2013.1%200%200%201-1.95%206.826l-32.792%2051.993a12.86%2012.86%200%200%201-21.7%200zm165.303%2029.745a12.86%2012.86%200%200%200%2021.7%200l11.275-17.86L254.05%2046.69a12.9%2012.9%200%200%200%201.95-6.827a13.1%2013.1%200%200%200-1.95-6.827l-17.067-26.94A12.86%2012.86%200%200%200%20226.133%200H160.55a12.8%2012.8%200%200%200-12.801%2012.8a12.2%2012.2%200%200%200%202.012%206.827z%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%20221%22%3E%3Cpath%20fill%3D%22%23c9f4ff%22%20d%3D%22M89.173%206.095A12.74%2012.74%200%200%200%2078.385%200H12.8C5.73%200%200%205.73%200%2012.8c0%202.413.676%204.778%201.95%206.827l16.884%2024.807l84.42-18.285z%22%2F%3E%3Cpath%20fill%3D%22%2351b9ff%22%20d%3D%22M103.619%2026.636a12.86%2012.86%200%200%200-10.85-6.095H27.43A12.739%2012.739%200%200%200%2016.213%2040.29l18.835%2029.866l87.222-13.653z%22%2F%3E%3Cpath%20fill%3D%22%23007bfc%22%20d%3D%22M34.255%2068.937a13.04%2013.04%200%200%201-1.158-11.459a12.86%2012.86%200%200%201%2012.19-8.168h65.342a12.8%2012.8%200%200%201%2010.85%206.096l58.696%2093.074a12.9%2012.9%200%200%201%201.95%206.827a13.1%2013.1%200%200%201-1.95%206.826l-32.792%2051.993a12.86%2012.86%200%200%201-21.7%200zm165.303%2029.745a12.86%2012.86%200%200%200%2021.7%200l11.275-17.86L254.05%2046.69a12.9%2012.9%200%200%200%201.95-6.827a13.1%2013.1%200%200%200-1.95-6.827l-17.067-26.94A12.86%2012.86%200%200%200%20226.133%200H160.55a12.8%2012.8%200%200%200-12.801%2012.8a12.2%2012.2%200%200%200%202.012%206.827z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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