c logo

c from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name: c
Set: CoreUI Brands
Style: Brand
Viewbox: 32×32
License: CC0 1.0

The same logo in other sets

cBoxicons Brands cCarbon cCatppuccin Icons cDevicon cFont Awesome 6 Solid cFont Awesome Solid cHealth Icons cHuge Icons cSVG Logos cMaterial Icon Theme cOpenMoji cSimple Icons cSkill Icons c-outlineTeenyicons

Use the c logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22.698 12.286s-.516-4.391-5.276-4.51c-4.76-.125-7.203 3.292-7.203 8.172s2.703 8.786 7.333 8.786s5.146-4.88 5.146-4.88l8.875.484s.521 4.411-3.193 7.771C24.666 31.474 20.109 32.02 16.927 32c-3.188-.026-7.599.047-11.87-3.958c-4.266-4-4.99-7.891-4.99-11.714c0-3.818.807-8.88 5.885-12.719C9.4 1.005 12.895.041 16.395.041c14.599 0 15.578 12.333 15.578 12.333z"/></svg>

React

import type { SVGProps } from "react";

export function CibC(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="M22.698 12.286s-.516-4.391-5.276-4.51c-4.76-.125-7.203 3.292-7.203 8.172s2.703 8.786 7.333 8.786s5.146-4.88 5.146-4.88l8.875.484s.521 4.411-3.193 7.771C24.666 31.474 20.109 32.02 16.927 32c-3.188-.026-7.599.047-11.87-3.958c-4.266-4-4.99-7.891-4.99-11.714c0-3.818.807-8.88 5.885-12.719C9.4 1.005 12.895.041 16.395.041c14.599 0 15.578 12.333 15.578 12.333z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22.698 12.286s-.516-4.391-5.276-4.51c-4.76-.125-7.203 3.292-7.203 8.172s2.703 8.786 7.333 8.786s5.146-4.88 5.146-4.88l8.875.484s.521 4.411-3.193 7.771C24.666 31.474 20.109 32.02 16.927 32c-3.188-.026-7.599.047-11.87-3.958c-4.266-4-4.99-7.891-4.99-11.714c0-3.818.807-8.88 5.885-12.719C9.4 1.005 12.895.041 16.395.041c14.599 0 15.578 12.333 15.578 12.333z"/></svg>
</template>

CSS

.icon-c {
  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%22M22.698%2012.286s-.516-4.391-5.276-4.51c-4.76-.125-7.203%203.292-7.203%208.172s2.703%208.786%207.333%208.786s5.146-4.88%205.146-4.88l8.875.484s.521%204.411-3.193%207.771C24.666%2031.474%2020.109%2032.02%2016.927%2032c-3.188-.026-7.599.047-11.87-3.958c-4.266-4-4.99-7.891-4.99-11.714c0-3.818.807-8.88%205.885-12.719C9.4%201.005%2012.895.041%2016.395.041c14.599%200%2015.578%2012.333%2015.578%2012.333z%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%22M22.698%2012.286s-.516-4.391-5.276-4.51c-4.76-.125-7.203%203.292-7.203%208.172s2.703%208.786%207.333%208.786s5.146-4.88%205.146-4.88l8.875.484s.521%204.411-3.193%207.771C24.666%2031.474%2020.109%2032.02%2016.927%2032c-3.188-.026-7.599.047-11.87-3.958c-4.266-4-4.99-7.891-4.99-11.714c0-3.818.807-8.88%205.885-12.719C9.4%201.005%2012.895.041%2016.395.041c14.599%200%2015.578%2012.333%2015.578%2012.333z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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