civo logo

civo from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
civo
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the civo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.229 7.985h-.993c-.183 0-.303.14-.303.318v7.393c0 .177.12.318.303.318h.993a.32.32 0 0 0 .323-.318V8.303a.317.317 0 0 0-.323-.318m-3.1 5.838a.32.32 0 0 0-.507-.104a2.34 2.34 0 0 1-1.604.635c-1.627 0-2.868-1.65-2.141-3.368a2.13 2.13 0 0 1 1.13-1.128c.992-.42 1.958-.18 2.599.408a.32.32 0 0 0 .507-.103l.43-.943a.35.35 0 0 0-.111-.428C5.425 8.03 4.05 7.732 2.617 8.22a3.84 3.84 0 0 0-2.412 2.478c-.874 2.772 1.172 5.32 3.813 5.32c.92 0 1.764-.31 2.44-.831a.35.35 0 0 0 .101-.42zm17.666-3.125a3.84 3.84 0 0 0-2.412-2.478a4.2 4.2 0 0 0-2.329-.13c-1.2.269-2.07.838-2.834 2.479l-1.534 3.326l-2.603-5.722a.32.32 0 0 0-.29-.187l-1.138-.002a.32.32 0 0 0-.292.453l3.376 7.382a.32.32 0 0 0 .291.19l.056.005h1.276a.2.2 0 0 0 .076-.013a.34.34 0 0 0 .2-.18l1.71-3.893c.515-1.213.827-1.718 1.643-2.065a2.53 2.53 0 0 1 2.054.026c.492.222.878.629 1.084 1.128a2.7 2.7 0 0 1 .206.95a2.354 2.354 0 0 1-2.353 2.387a2.34 2.34 0 0 1-1.604-.635a.32.32 0 0 0-.507.104l-.43.944a.35.35 0 0 0 .1.42c.677.52 1.522.831 2.44.831c2.642 0 4.688-2.548 3.814-5.32"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsCivo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.229 7.985h-.993c-.183 0-.303.14-.303.318v7.393c0 .177.12.318.303.318h.993a.32.32 0 0 0 .323-.318V8.303a.317.317 0 0 0-.323-.318m-3.1 5.838a.32.32 0 0 0-.507-.104a2.34 2.34 0 0 1-1.604.635c-1.627 0-2.868-1.65-2.141-3.368a2.13 2.13 0 0 1 1.13-1.128c.992-.42 1.958-.18 2.599.408a.32.32 0 0 0 .507-.103l.43-.943a.35.35 0 0 0-.111-.428C5.425 8.03 4.05 7.732 2.617 8.22a3.84 3.84 0 0 0-2.412 2.478c-.874 2.772 1.172 5.32 3.813 5.32c.92 0 1.764-.31 2.44-.831a.35.35 0 0 0 .101-.42zm17.666-3.125a3.84 3.84 0 0 0-2.412-2.478a4.2 4.2 0 0 0-2.329-.13c-1.2.269-2.07.838-2.834 2.479l-1.534 3.326l-2.603-5.722a.32.32 0 0 0-.29-.187l-1.138-.002a.32.32 0 0 0-.292.453l3.376 7.382a.32.32 0 0 0 .291.19l.056.005h1.276a.2.2 0 0 0 .076-.013a.34.34 0 0 0 .2-.18l1.71-3.893c.515-1.213.827-1.718 1.643-2.065a2.53 2.53 0 0 1 2.054.026c.492.222.878.629 1.084 1.128a2.7 2.7 0 0 1 .206.95a2.354 2.354 0 0 1-2.353 2.387a2.34 2.34 0 0 1-1.604-.635a.32.32 0 0 0-.507.104l-.43.944a.35.35 0 0 0 .1.42c.677.52 1.522.831 2.44.831c2.642 0 4.688-2.548 3.814-5.32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.229 7.985h-.993c-.183 0-.303.14-.303.318v7.393c0 .177.12.318.303.318h.993a.32.32 0 0 0 .323-.318V8.303a.317.317 0 0 0-.323-.318m-3.1 5.838a.32.32 0 0 0-.507-.104a2.34 2.34 0 0 1-1.604.635c-1.627 0-2.868-1.65-2.141-3.368a2.13 2.13 0 0 1 1.13-1.128c.992-.42 1.958-.18 2.599.408a.32.32 0 0 0 .507-.103l.43-.943a.35.35 0 0 0-.111-.428C5.425 8.03 4.05 7.732 2.617 8.22a3.84 3.84 0 0 0-2.412 2.478c-.874 2.772 1.172 5.32 3.813 5.32c.92 0 1.764-.31 2.44-.831a.35.35 0 0 0 .101-.42zm17.666-3.125a3.84 3.84 0 0 0-2.412-2.478a4.2 4.2 0 0 0-2.329-.13c-1.2.269-2.07.838-2.834 2.479l-1.534 3.326l-2.603-5.722a.32.32 0 0 0-.29-.187l-1.138-.002a.32.32 0 0 0-.292.453l3.376 7.382a.32.32 0 0 0 .291.19l.056.005h1.276a.2.2 0 0 0 .076-.013a.34.34 0 0 0 .2-.18l1.71-3.893c.515-1.213.827-1.718 1.643-2.065a2.53 2.53 0 0 1 2.054.026c.492.222.878.629 1.084 1.128a2.7 2.7 0 0 1 .206.95a2.354 2.354 0 0 1-2.353 2.387a2.34 2.34 0 0 1-1.604-.635a.32.32 0 0 0-.507.104l-.43.944a.35.35 0 0 0 .1.42c.677.52 1.522.831 2.44.831c2.642 0 4.688-2.548 3.814-5.32"/></svg>
</template>

CSS

.icon-civo {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.229%207.985h-.993c-.183%200-.303.14-.303.318v7.393c0%20.177.12.318.303.318h.993a.32.32%200%200%200%20.323-.318V8.303a.317.317%200%200%200-.323-.318m-3.1%205.838a.32.32%200%200%200-.507-.104a2.34%202.34%200%200%201-1.604.635c-1.627%200-2.868-1.65-2.141-3.368a2.13%202.13%200%200%201%201.13-1.128c.992-.42%201.958-.18%202.599.408a.32.32%200%200%200%20.507-.103l.43-.943a.35.35%200%200%200-.111-.428C5.425%208.03%204.05%207.732%202.617%208.22a3.84%203.84%200%200%200-2.412%202.478c-.874%202.772%201.172%205.32%203.813%205.32c.92%200%201.764-.31%202.44-.831a.35.35%200%200%200%20.101-.42zm17.666-3.125a3.84%203.84%200%200%200-2.412-2.478a4.2%204.2%200%200%200-2.329-.13c-1.2.269-2.07.838-2.834%202.479l-1.534%203.326l-2.603-5.722a.32.32%200%200%200-.29-.187l-1.138-.002a.32.32%200%200%200-.292.453l3.376%207.382a.32.32%200%200%200%20.291.19l.056.005h1.276a.2.2%200%200%200%20.076-.013a.34.34%200%200%200%20.2-.18l1.71-3.893c.515-1.213.827-1.718%201.643-2.065a2.53%202.53%200%200%201%202.054.026c.492.222.878.629%201.084%201.128a2.7%202.7%200%200%201%20.206.95a2.354%202.354%200%200%201-2.353%202.387a2.34%202.34%200%200%201-1.604-.635a.32.32%200%200%200-.507.104l-.43.944a.35.35%200%200%200%20.1.42c.677.52%201.522.831%202.44.831c2.642%200%204.688-2.548%203.814-5.32%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.229%207.985h-.993c-.183%200-.303.14-.303.318v7.393c0%20.177.12.318.303.318h.993a.32.32%200%200%200%20.323-.318V8.303a.317.317%200%200%200-.323-.318m-3.1%205.838a.32.32%200%200%200-.507-.104a2.34%202.34%200%200%201-1.604.635c-1.627%200-2.868-1.65-2.141-3.368a2.13%202.13%200%200%201%201.13-1.128c.992-.42%201.958-.18%202.599.408a.32.32%200%200%200%20.507-.103l.43-.943a.35.35%200%200%200-.111-.428C5.425%208.03%204.05%207.732%202.617%208.22a3.84%203.84%200%200%200-2.412%202.478c-.874%202.772%201.172%205.32%203.813%205.32c.92%200%201.764-.31%202.44-.831a.35.35%200%200%200%20.101-.42zm17.666-3.125a3.84%203.84%200%200%200-2.412-2.478a4.2%204.2%200%200%200-2.329-.13c-1.2.269-2.07.838-2.834%202.479l-1.534%203.326l-2.603-5.722a.32.32%200%200%200-.29-.187l-1.138-.002a.32.32%200%200%200-.292.453l3.376%207.382a.32.32%200%200%200%20.291.19l.056.005h1.276a.2.2%200%200%200%20.076-.013a.34.34%200%200%200%20.2-.18l1.71-3.893c.515-1.213.827-1.718%201.643-2.065a2.53%202.53%200%200%201%202.054.026c.492.222.878.629%201.084%201.128a2.7%202.7%200%200%201%20.206.95a2.354%202.354%200%200%201-2.353%202.387a2.34%202.34%200%200%201-1.604-.635a.32.32%200%200%200-.507.104l-.43.944a.35.35%200%200%200%20.1.42c.677.52%201.522.831%202.44.831c2.642%200%204.688-2.548%203.814-5.32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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