continuous integration icon

continuous-integration from Carbon by IBM · Outline · Actions · Apache-2.0 Free for personal and commercial use.

Name
continuous-integration
Set
Carbon
Style
Outline
Category
Actions
Viewbox
32×32
License
Apache 2.0

More actions icons from Carbon

Use the continuous integration icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.25 27H6.75a1 1 0 0 1-.867-.502l-5.75-10a1 1 0 0 1 0-.997l5.75-10A1 1 0 0 1 6.75 5h18.5a1 1 0 0 1 .867.501l5.75 10c.177.31.177.689 0 .998l-5.75 10c-.179.31-.51.501-.867.501m-9.771-2h8.043L19.5 18.006zm-8.15 0h4.693l-4.6-8H2.728zm13.9-8l4.021 6.994L29.271 17zm-11.5 0l4.021 6.994L17.771 17zm11.5-2h8.043L25.25 8.006zm-11.5 0h8.043L13.75 8.006zm-7 0H7.42l4.6-8H7.33zm12.75-8l4.021 6.994L23.521 7z"/></svg>

React

import type { SVGProps } from "react";

export function CarbonContinuousIntegration(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.25 27H6.75a1 1 0 0 1-.867-.502l-5.75-10a1 1 0 0 1 0-.997l5.75-10A1 1 0 0 1 6.75 5h18.5a1 1 0 0 1 .867.501l5.75 10c.177.31.177.689 0 .998l-5.75 10c-.179.31-.51.501-.867.501m-9.771-2h8.043L19.5 18.006zm-8.15 0h4.693l-4.6-8H2.728zm13.9-8l4.021 6.994L29.271 17zm-11.5 0l4.021 6.994L17.771 17zm11.5-2h8.043L25.25 8.006zm-11.5 0h8.043L13.75 8.006zm-7 0H7.42l4.6-8H7.33zm12.75-8l4.021 6.994L23.521 7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.25 27H6.75a1 1 0 0 1-.867-.502l-5.75-10a1 1 0 0 1 0-.997l5.75-10A1 1 0 0 1 6.75 5h18.5a1 1 0 0 1 .867.501l5.75 10c.177.31.177.689 0 .998l-5.75 10c-.179.31-.51.501-.867.501m-9.771-2h8.043L19.5 18.006zm-8.15 0h4.693l-4.6-8H2.728zm13.9-8l4.021 6.994L29.271 17zm-11.5 0l4.021 6.994L17.771 17zm11.5-2h8.043L25.25 8.006zm-11.5 0h8.043L13.75 8.006zm-7 0H7.42l4.6-8H7.33zm12.75-8l4.021 6.994L23.521 7z"/></svg>
</template>

CSS

.icon-continuous-integration {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.25%2027H6.75a1%201%200%200%201-.867-.502l-5.75-10a1%201%200%200%201%200-.997l5.75-10A1%201%200%200%201%206.75%205h18.5a1%201%200%200%201%20.867.501l5.75%2010c.177.31.177.689%200%20.998l-5.75%2010c-.179.31-.51.501-.867.501m-9.771-2h8.043L19.5%2018.006zm-8.15%200h4.693l-4.6-8H2.728zm13.9-8l4.021%206.994L29.271%2017zm-11.5%200l4.021%206.994L17.771%2017zm11.5-2h8.043L25.25%208.006zm-11.5%200h8.043L13.75%208.006zm-7%200H7.42l4.6-8H7.33zm12.75-8l4.021%206.994L23.521%207z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.25%2027H6.75a1%201%200%200%201-.867-.502l-5.75-10a1%201%200%200%201%200-.997l5.75-10A1%201%200%200%201%206.75%205h18.5a1%201%200%200%201%20.867.501l5.75%2010c.177.31.177.689%200%20.998l-5.75%2010c-.179.31-.51.501-.867.501m-9.771-2h8.043L19.5%2018.006zm-8.15%200h4.693l-4.6-8H2.728zm13.9-8l4.021%206.994L29.271%2017zm-11.5%200l4.021%206.994L17.771%2017zm11.5-2h8.043L25.25%208.006zm-11.5%200h8.043L13.75%208.006zm-7%200H7.42l4.6-8H7.33zm12.75-8l4.021%206.994L23.521%207z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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