c icon

c from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: c
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

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

Use the c icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M457.1 206.9c-62.5-62.5-155.8-62.5-218.3 0s-62.5 163.8 0 226.3s155.8 62.5 218.3 0c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3c-87.5 87.5-221.3 87.5-308.8 0s-87.5-229.3 0-316.8s221.3-87.5 308.8 0c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidC(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M457.1 206.9c-62.5-62.5-155.8-62.5-218.3 0s-62.5 163.8 0 226.3s155.8 62.5 218.3 0c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3c-87.5 87.5-221.3 87.5-308.8 0s-87.5-229.3 0-316.8s221.3-87.5 308.8 0c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M457.1 206.9c-62.5-62.5-155.8-62.5-218.3 0s-62.5 163.8 0 226.3s155.8 62.5 218.3 0c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3c-87.5 87.5-221.3 87.5-308.8 0s-87.5-229.3 0-316.8s221.3-87.5 308.8 0c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M457.1%20206.9c-62.5-62.5-155.8-62.5-218.3%200s-62.5%20163.8%200%20226.3s155.8%2062.5%20218.3%200c12.5-12.5%2032.8-12.5%2045.3%200s12.5%2032.8%200%2045.3c-87.5%2087.5-221.3%2087.5-308.8%200s-87.5-229.3%200-316.8s221.3-87.5%20308.8%200c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M457.1%20206.9c-62.5-62.5-155.8-62.5-218.3%200s-62.5%20163.8%200%20226.3s155.8%2062.5%20218.3%200c12.5-12.5%2032.8-12.5%2045.3%200s12.5%2032.8%200%2045.3c-87.5%2087.5-221.3%2087.5-308.8%200s-87.5-229.3%200-316.8s221.3-87.5%20308.8%200c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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