c3 logo

c3 from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name: c3
Set: Material Icon Theme
Style: Color
Viewbox: 32×32
License: MIT

The same logo in other sets

Use the c3 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0288d1" d="M11.563 22A5.57 5.57 0 0 1 6 16.437v-2.873A5.57 5.57 0 0 1 11.563 8H14V2h-2.437A11.563 11.563 0 0 0 0 13.563v2.873A11.564 11.564 0 0 0 11.563 28H14v-6Zm20.129-4.131A5.17 5.17 0 0 0 28 14c3.39-.894 4.268-5.241 2.792-8.108c-3.305-6.304-14.028-4.545-15.407 2.381l4.89 1.255a3.17 3.17 0 0 1 3.04-2.754a3 3 0 0 1 1.814.702c1.19.911 1.249 3.785-.353 4.232A9 9 0 0 1 22 12h-2v4h2c1.7.107 3.362.577 4.23 2.313a3.4 3.4 0 0 1 .377 1.636a3.25 3.25 0 0 1-.297 1.464c-.919 1.985-3.984 2.166-5.407.749a4.43 4.43 0 0 1-1.285-2.143l-4.89 1.429c2.447 10.449 19.993 7.76 16.964-3.58"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeC3(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0288d1" d="M11.563 22A5.57 5.57 0 0 1 6 16.437v-2.873A5.57 5.57 0 0 1 11.563 8H14V2h-2.437A11.563 11.563 0 0 0 0 13.563v2.873A11.564 11.564 0 0 0 11.563 28H14v-6Zm20.129-4.131A5.17 5.17 0 0 0 28 14c3.39-.894 4.268-5.241 2.792-8.108c-3.305-6.304-14.028-4.545-15.407 2.381l4.89 1.255a3.17 3.17 0 0 1 3.04-2.754a3 3 0 0 1 1.814.702c1.19.911 1.249 3.785-.353 4.232A9 9 0 0 1 22 12h-2v4h2c1.7.107 3.362.577 4.23 2.313a3.4 3.4 0 0 1 .377 1.636a3.25 3.25 0 0 1-.297 1.464c-.919 1.985-3.984 2.166-5.407.749a4.43 4.43 0 0 1-1.285-2.143l-4.89 1.429c2.447 10.449 19.993 7.76 16.964-3.58"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0288d1" d="M11.563 22A5.57 5.57 0 0 1 6 16.437v-2.873A5.57 5.57 0 0 1 11.563 8H14V2h-2.437A11.563 11.563 0 0 0 0 13.563v2.873A11.564 11.564 0 0 0 11.563 28H14v-6Zm20.129-4.131A5.17 5.17 0 0 0 28 14c3.39-.894 4.268-5.241 2.792-8.108c-3.305-6.304-14.028-4.545-15.407 2.381l4.89 1.255a3.17 3.17 0 0 1 3.04-2.754a3 3 0 0 1 1.814.702c1.19.911 1.249 3.785-.353 4.232A9 9 0 0 1 22 12h-2v4h2c1.7.107 3.362.577 4.23 2.313a3.4 3.4 0 0 1 .377 1.636a3.25 3.25 0 0 1-.297 1.464c-.919 1.985-3.984 2.166-5.407.749a4.43 4.43 0 0 1-1.285-2.143l-4.89 1.429c2.447 10.449 19.993 7.76 16.964-3.58"/></svg>
</template>

CSS

.icon-c3 {
  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%22%230288d1%22%20d%3D%22M11.563%2022A5.57%205.57%200%200%201%206%2016.437v-2.873A5.57%205.57%200%200%201%2011.563%208H14V2h-2.437A11.563%2011.563%200%200%200%200%2013.563v2.873A11.564%2011.564%200%200%200%2011.563%2028H14v-6Zm20.129-4.131A5.17%205.17%200%200%200%2028%2014c3.39-.894%204.268-5.241%202.792-8.108c-3.305-6.304-14.028-4.545-15.407%202.381l4.89%201.255a3.17%203.17%200%200%201%203.04-2.754a3%203%200%200%201%201.814.702c1.19.911%201.249%203.785-.353%204.232A9%209%200%200%201%2022%2012h-2v4h2c1.7.107%203.362.577%204.23%202.313a3.4%203.4%200%200%201%20.377%201.636a3.25%203.25%200%200%201-.297%201.464c-.919%201.985-3.984%202.166-5.407.749a4.43%204.43%200%200%201-1.285-2.143l-4.89%201.429c2.447%2010.449%2019.993%207.76%2016.964-3.58%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%22%230288d1%22%20d%3D%22M11.563%2022A5.57%205.57%200%200%201%206%2016.437v-2.873A5.57%205.57%200%200%201%2011.563%208H14V2h-2.437A11.563%2011.563%200%200%200%200%2013.563v2.873A11.564%2011.564%200%200%200%2011.563%2028H14v-6Zm20.129-4.131A5.17%205.17%200%200%200%2028%2014c3.39-.894%204.268-5.241%202.792-8.108c-3.305-6.304-14.028-4.545-15.407%202.381l4.89%201.255a3.17%203.17%200%200%201%203.04-2.754a3%203%200%200%201%201.814.702c1.19.911%201.249%203.785-.353%204.232A9%209%200%200%201%2022%2012h-2v4h2c1.7.107%203.362.577%204.23%202.313a3.4%203.4%200%200%201%20.377%201.636a3.25%203.25%200%200%201-.297%201.464c-.919%201.985-3.984%202.166-5.407.749a4.43%204.43%200%200%201-1.285-2.143l-4.89%201.429c2.447%2010.449%2019.993%207.76%2016.964-3.58%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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