semaphoreci logo

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

Name: semaphoreci
Set: SVG Logos
Style: Color
Viewbox: 256×160
License: CC0

The same logo in other sets

semaphoreciCoreUI Brands semaphoreciSimple Icons

Use the semaphoreci logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 160"><path fill="#f06332" d="m26.523 66.618l44.35 44.995c12.778 12.995 33.718 12.995 46.496 0L152.483 75.9c5.047-5.133 13.316-5.133 18.363 0l17.395 17.692L144 138.697c-13.745 13.978-31.785 20.859-49.826 20.859c-18.04 0-36.08-6.99-49.825-20.968L0 93.593z"/><path fill="#029d74" d="M211.65 20.968L256 66.072l-26.63 27.084l-44.35-45.103c-12.886-13.106-33.61-13.106-46.496 0L103.41 83.764c-5.047 5.133-13.316 5.133-18.363 0L67.651 66.072l44.35-45.104c27.489-27.957 72.16-27.957 99.65 0"/></svg>

React

import type { SVGProps } from "react";

export function LogosSemaphoreci(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 160"><path fill="#f06332" d="m26.523 66.618l44.35 44.995c12.778 12.995 33.718 12.995 46.496 0L152.483 75.9c5.047-5.133 13.316-5.133 18.363 0l17.395 17.692L144 138.697c-13.745 13.978-31.785 20.859-49.826 20.859c-18.04 0-36.08-6.99-49.825-20.968L0 93.593z"/><path fill="#029d74" d="M211.65 20.968L256 66.072l-26.63 27.084l-44.35-45.103c-12.886-13.106-33.61-13.106-46.496 0L103.41 83.764c-5.047 5.133-13.316 5.133-18.363 0L67.651 66.072l44.35-45.104c27.489-27.957 72.16-27.957 99.65 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 160"><path fill="#f06332" d="m26.523 66.618l44.35 44.995c12.778 12.995 33.718 12.995 46.496 0L152.483 75.9c5.047-5.133 13.316-5.133 18.363 0l17.395 17.692L144 138.697c-13.745 13.978-31.785 20.859-49.826 20.859c-18.04 0-36.08-6.99-49.825-20.968L0 93.593z"/><path fill="#029d74" d="M211.65 20.968L256 66.072l-26.63 27.084l-44.35-45.103c-12.886-13.106-33.61-13.106-46.496 0L103.41 83.764c-5.047 5.133-13.316 5.133-18.363 0L67.651 66.072l44.35-45.104c27.489-27.957 72.16-27.957 99.65 0"/></svg>
</template>

CSS

.icon-semaphoreci {
  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%20160%22%3E%3Cpath%20fill%3D%22%23f06332%22%20d%3D%22m26.523%2066.618l44.35%2044.995c12.778%2012.995%2033.718%2012.995%2046.496%200L152.483%2075.9c5.047-5.133%2013.316-5.133%2018.363%200l17.395%2017.692L144%20138.697c-13.745%2013.978-31.785%2020.859-49.826%2020.859c-18.04%200-36.08-6.99-49.825-20.968L0%2093.593z%22%2F%3E%3Cpath%20fill%3D%22%23029d74%22%20d%3D%22M211.65%2020.968L256%2066.072l-26.63%2027.084l-44.35-45.103c-12.886-13.106-33.61-13.106-46.496%200L103.41%2083.764c-5.047%205.133-13.316%205.133-18.363%200L67.651%2066.072l44.35-45.104c27.489-27.957%2072.16-27.957%2099.65%200%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%20160%22%3E%3Cpath%20fill%3D%22%23f06332%22%20d%3D%22m26.523%2066.618l44.35%2044.995c12.778%2012.995%2033.718%2012.995%2046.496%200L152.483%2075.9c5.047-5.133%2013.316-5.133%2018.363%200l17.395%2017.692L144%20138.697c-13.745%2013.978-31.785%2020.859-49.826%2020.859c-18.04%200-36.08-6.99-49.825-20.968L0%2093.593z%22%2F%3E%3Cpath%20fill%3D%22%23029d74%22%20d%3D%22M211.65%2020.968L256%2066.072l-26.63%2027.084l-44.35-45.103c-12.886-13.106-33.61-13.106-46.496%200L103.41%2083.764c-5.047%205.133-13.316%205.133-18.363%200L67.651%2066.072l44.35-45.104c27.489-27.957%2072.16-27.957%2099.65%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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