cirrus ci logo

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

Name
cirrus-ci
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the cirrus ci logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128"/><path fill="#fafafa" d="M164.966 70.5c12.594 0 22.795 10.241 22.795 22.863a22.84 22.84 0 0 1-7.912 17.318A22.84 22.84 0 0 1 187.761 128c0 6.92-3.066 13.126-7.913 17.32a22.84 22.84 0 0 1 7.913 17.317c0 12.496-9.998 22.658-22.418 22.86l-.377.003H73.783a5.545 5.545 0 0 1-.194-11.086l.194-.004h91.183c6.46 0 11.706-5.266 11.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.004H73.783a5.545 5.545 0 0 1-.194-11.086l.194-.004h91.183c6.46 0 11.706-5.266 11.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.003H73.783a5.545 5.545 0 0 1-.194-11.087l.194-.003h91.183c6.46 0 11.706-5.267 11.706-11.774c0-6.42-5.107-11.633-11.448-11.77l-.258-.003a5.545 5.545 0 1 1 0-11.09"/></svg>

React

import type { SVGProps } from "react";

export function LogosCirrusCi(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128"/><path fill="#fafafa" d="M164.966 70.5c12.594 0 22.795 10.241 22.795 22.863a22.84 22.84 0 0 1-7.912 17.318A22.84 22.84 0 0 1 187.761 128c0 6.92-3.066 13.126-7.913 17.32a22.84 22.84 0 0 1 7.913 17.317c0 12.496-9.998 22.658-22.418 22.86l-.377.003H73.783a5.545 5.545 0 0 1-.194-11.086l.194-.004h91.183c6.46 0 11.706-5.266 11.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.004H73.783a5.545 5.545 0 0 1-.194-11.086l.194-.004h91.183c6.46 0 11.706-5.266 11.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.003H73.783a5.545 5.545 0 0 1-.194-11.087l.194-.003h91.183c6.46 0 11.706-5.267 11.706-11.774c0-6.42-5.107-11.633-11.448-11.77l-.258-.003a5.545 5.545 0 1 1 0-11.09"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128"/><path fill="#fafafa" d="M164.966 70.5c12.594 0 22.795 10.241 22.795 22.863a22.84 22.84 0 0 1-7.912 17.318A22.84 22.84 0 0 1 187.761 128c0 6.92-3.066 13.126-7.913 17.32a22.84 22.84 0 0 1 7.913 17.317c0 12.496-9.998 22.658-22.418 22.86l-.377.003H73.783a5.545 5.545 0 0 1-.194-11.086l.194-.004h91.183c6.46 0 11.706-5.266 11.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.004H73.783a5.545 5.545 0 0 1-.194-11.086l.194-.004h91.183c6.46 0 11.706-5.266 11.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.003H73.783a5.545 5.545 0 0 1-.194-11.087l.194-.003h91.183c6.46 0 11.706-5.267 11.706-11.774c0-6.42-5.107-11.633-11.448-11.77l-.258-.003a5.545 5.545 0 1 1 0-11.09"/></svg>
</template>

CSS

.icon-cirrus-ci {
  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%20256%22%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M164.966%2070.5c12.594%200%2022.795%2010.241%2022.795%2022.863a22.84%2022.84%200%200%201-7.912%2017.318A22.84%2022.84%200%200%201%20187.761%20128c0%206.92-3.066%2013.126-7.913%2017.32a22.84%2022.84%200%200%201%207.913%2017.317c0%2012.496-9.998%2022.658-22.418%2022.86l-.377.003H73.783a5.545%205.545%200%200%201-.194-11.086l.194-.004h91.183c6.46%200%2011.706-5.266%2011.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.004H73.783a5.545%205.545%200%200%201-.194-11.086l.194-.004h91.183c6.46%200%2011.706-5.266%2011.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.003H73.783a5.545%205.545%200%200%201-.194-11.087l.194-.003h91.183c6.46%200%2011.706-5.267%2011.706-11.774c0-6.42-5.107-11.633-11.448-11.77l-.258-.003a5.545%205.545%200%201%201%200-11.09%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%20256%22%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M164.966%2070.5c12.594%200%2022.795%2010.241%2022.795%2022.863a22.84%2022.84%200%200%201-7.912%2017.318A22.84%2022.84%200%200%201%20187.761%20128c0%206.92-3.066%2013.126-7.913%2017.32a22.84%2022.84%200%200%201%207.913%2017.317c0%2012.496-9.998%2022.658-22.418%2022.86l-.377.003H73.783a5.545%205.545%200%200%201-.194-11.086l.194-.004h91.183c6.46%200%2011.706-5.266%2011.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.004H73.783a5.545%205.545%200%200%201-.194-11.086l.194-.004h91.183c6.46%200%2011.706-5.266%2011.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.003H73.783a5.545%205.545%200%200%201-.194-11.087l.194-.003h91.183c6.46%200%2011.706-5.267%2011.706-11.774c0-6.42-5.107-11.633-11.448-11.77l-.258-.003a5.545%205.545%200%201%201%200-11.09%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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