styleci logo

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

Name
styleci
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the styleci logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e44041" d="M0 0h256v256H0z"/><path fill="#fff" d="M153.49 185.36c-6.776 2.51-18.07 4.518-28.109 4.518c-31.372 0-51.45-21.082-51.45-61.489c0-43.67 23.34-62.744 51.2-62.744c12.297 0 21.583 2.76 28.109 5.772l8.03-35.89c-5.52-3.011-19.073-7.027-38.65-7.027c-49.944 0-95.12 32.878-95.12 102.399c0 53.709 29.113 96.626 90.603 96.626c19.074 0 34.133-3.514 40.91-6.525zm30.87 39.655h44.173V31.01H184.36z"/></svg>

React

import type { SVGProps } from "react";

export function LogosStyleci(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e44041" d="M0 0h256v256H0z"/><path fill="#fff" d="M153.49 185.36c-6.776 2.51-18.07 4.518-28.109 4.518c-31.372 0-51.45-21.082-51.45-61.489c0-43.67 23.34-62.744 51.2-62.744c12.297 0 21.583 2.76 28.109 5.772l8.03-35.89c-5.52-3.011-19.073-7.027-38.65-7.027c-49.944 0-95.12 32.878-95.12 102.399c0 53.709 29.113 96.626 90.603 96.626c19.074 0 34.133-3.514 40.91-6.525zm30.87 39.655h44.173V31.01H184.36z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e44041" d="M0 0h256v256H0z"/><path fill="#fff" d="M153.49 185.36c-6.776 2.51-18.07 4.518-28.109 4.518c-31.372 0-51.45-21.082-51.45-61.489c0-43.67 23.34-62.744 51.2-62.744c12.297 0 21.583 2.76 28.109 5.772l8.03-35.89c-5.52-3.011-19.073-7.027-38.65-7.027c-49.944 0-95.12 32.878-95.12 102.399c0 53.709 29.113 96.626 90.603 96.626c19.074 0 34.133-3.514 40.91-6.525zm30.87 39.655h44.173V31.01H184.36z"/></svg>
</template>

CSS

.icon-styleci {
  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%3Cpath%20fill%3D%22%23e44041%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M153.49%20185.36c-6.776%202.51-18.07%204.518-28.109%204.518c-31.372%200-51.45-21.082-51.45-61.489c0-43.67%2023.34-62.744%2051.2-62.744c12.297%200%2021.583%202.76%2028.109%205.772l8.03-35.89c-5.52-3.011-19.073-7.027-38.65-7.027c-49.944%200-95.12%2032.878-95.12%20102.399c0%2053.709%2029.113%2096.626%2090.603%2096.626c19.074%200%2034.133-3.514%2040.91-6.525zm30.87%2039.655h44.173V31.01H184.36z%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%3Cpath%20fill%3D%22%23e44041%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M153.49%20185.36c-6.776%202.51-18.07%204.518-28.109%204.518c-31.372%200-51.45-21.082-51.45-61.489c0-43.67%2023.34-62.744%2051.2-62.744c12.297%200%2021.583%202.76%2028.109%205.772l8.03-35.89c-5.52-3.011-19.073-7.027-38.65-7.027c-49.944%200-95.12%2032.878-95.12%20102.399c0%2053.709%2029.113%2096.626%2090.603%2096.626c19.074%200%2034.133-3.514%2040.91-6.525zm30.87%2039.655h44.173V31.01H184.36z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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