Color

Advanced editing in SVG Editor

Simple Icons

Circleci Icon

Free SVG icon from the Simple Icons collection. Download or copy for use in any project.

Download SVG

Collection: Simple Icons
Format: SVG, CDN, npm, Packagist, React, Vue, PNG
License: CC0-1.0 - Free for commercial use
Tags: circleci

The Circleci icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/313857.svg" alt="Circleci icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/313857.svg" alt="Circleci icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/313857.svg"
  alt="Circleci icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-circleci {
  background-image: url('https://proicons.com/icon/313857.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>CircleCI</title><path d="M8.963 12c0-1.584 1.284-2.855 2.855-2.855 1.572 0 2.856 1.284 2.856 2.855 0 1.572-1.284 2.856-2.856 2.856-1.57 0-2.855-1.284-2.855-2.856zm2.855-12C6.215 0 1.522 3.84.19 9.025c-.01.036-.01.07-.01.12 0 .313.252.576.575.576H5.59c.23 0 .433-.13.517-.333.997-2.16 3.18-3.672 5.712-3.672 3.466 0 6.286 2.82 6.286 6.287 0 3.47-2.82 6.29-6.29 6.29-2.53 0-4.714-1.5-5.71-3.673-.097-.19-.29-.336-.517-.336H.755c-.312 0-.575.253-.575.576 0 .037.014.072.014.12C1.514 20.16 6.214 24 11.818 24c6.624 0 12-5.375 12-12 0-6.623-5.376-12-12-12z"/></svg>

Circleci in other icon packs

Techicons

Catppuccin Icons

css.gg

Copied!

Circleci Icon

More from Simple Icons

Circleci in other icon packs