ccc logo

ccc from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
ccc
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the ccc logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3.4C5.814 3.4.8 7.253.8 12c0 4.75 5.014 8.6 11.2 8.6s11.2-3.85 11.2-8.6c0-4.747-5.015-8.6-11.2-8.6M24 12c0 5.19-5.374 9.4-12 9.4S0 17.19 0 12s5.374-9.4 12-9.4S24 6.81 24 12M10 7c-2.83 0-5.026 2.229-5.026 5c0 2.882 2.487 4.997 5.026 4.997V15.44c-1.708 0-3.442-1.36-3.445-3.44C6.547 9.65 8.476 8.544 10 8.544zm3.8 0c-2.83 0-5.026 2.229-5.026 5c0 2.882 2.484 4.997 5.026 4.997V15.44c-1.705 0-3.442-1.36-3.447-3.44c-.007-2.35 1.923-3.456 3.447-3.456zm3.8.003c-2.83 0-5.026 2.23-5.026 4.997c0 2.886 2.487 5 5.026 5v-1.56c-1.708 0-3.442-1.358-3.448-3.44c-.005-2.35 1.924-3.456 3.448-3.456z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsCcc(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3.4C5.814 3.4.8 7.253.8 12c0 4.75 5.014 8.6 11.2 8.6s11.2-3.85 11.2-8.6c0-4.747-5.015-8.6-11.2-8.6M24 12c0 5.19-5.374 9.4-12 9.4S0 17.19 0 12s5.374-9.4 12-9.4S24 6.81 24 12M10 7c-2.83 0-5.026 2.229-5.026 5c0 2.882 2.487 4.997 5.026 4.997V15.44c-1.708 0-3.442-1.36-3.445-3.44C6.547 9.65 8.476 8.544 10 8.544zm3.8 0c-2.83 0-5.026 2.229-5.026 5c0 2.882 2.484 4.997 5.026 4.997V15.44c-1.705 0-3.442-1.36-3.447-3.44c-.007-2.35 1.923-3.456 3.447-3.456zm3.8.003c-2.83 0-5.026 2.23-5.026 4.997c0 2.886 2.487 5 5.026 5v-1.56c-1.708 0-3.442-1.358-3.448-3.44c-.005-2.35 1.924-3.456 3.448-3.456z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3.4C5.814 3.4.8 7.253.8 12c0 4.75 5.014 8.6 11.2 8.6s11.2-3.85 11.2-8.6c0-4.747-5.015-8.6-11.2-8.6M24 12c0 5.19-5.374 9.4-12 9.4S0 17.19 0 12s5.374-9.4 12-9.4S24 6.81 24 12M10 7c-2.83 0-5.026 2.229-5.026 5c0 2.882 2.487 4.997 5.026 4.997V15.44c-1.708 0-3.442-1.36-3.445-3.44C6.547 9.65 8.476 8.544 10 8.544zm3.8 0c-2.83 0-5.026 2.229-5.026 5c0 2.882 2.484 4.997 5.026 4.997V15.44c-1.705 0-3.442-1.36-3.447-3.44c-.007-2.35 1.923-3.456 3.447-3.456zm3.8.003c-2.83 0-5.026 2.23-5.026 4.997c0 2.886 2.487 5 5.026 5v-1.56c-1.708 0-3.442-1.358-3.448-3.44c-.005-2.35 1.924-3.456 3.448-3.456z"/></svg>
</template>

CSS

.icon-ccc {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203.4C5.814%203.4.8%207.253.8%2012c0%204.75%205.014%208.6%2011.2%208.6s11.2-3.85%2011.2-8.6c0-4.747-5.015-8.6-11.2-8.6M24%2012c0%205.19-5.374%209.4-12%209.4S0%2017.19%200%2012s5.374-9.4%2012-9.4S24%206.81%2024%2012M10%207c-2.83%200-5.026%202.229-5.026%205c0%202.882%202.487%204.997%205.026%204.997V15.44c-1.708%200-3.442-1.36-3.445-3.44C6.547%209.65%208.476%208.544%2010%208.544zm3.8%200c-2.83%200-5.026%202.229-5.026%205c0%202.882%202.484%204.997%205.026%204.997V15.44c-1.705%200-3.442-1.36-3.447-3.44c-.007-2.35%201.923-3.456%203.447-3.456zm3.8.003c-2.83%200-5.026%202.23-5.026%204.997c0%202.886%202.487%205%205.026%205v-1.56c-1.708%200-3.442-1.358-3.448-3.44c-.005-2.35%201.924-3.456%203.448-3.456z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203.4C5.814%203.4.8%207.253.8%2012c0%204.75%205.014%208.6%2011.2%208.6s11.2-3.85%2011.2-8.6c0-4.747-5.015-8.6-11.2-8.6M24%2012c0%205.19-5.374%209.4-12%209.4S0%2017.19%200%2012s5.374-9.4%2012-9.4S24%206.81%2024%2012M10%207c-2.83%200-5.026%202.229-5.026%205c0%202.882%202.487%204.997%205.026%204.997V15.44c-1.708%200-3.442-1.36-3.445-3.44C6.547%209.65%208.476%208.544%2010%208.544zm3.8%200c-2.83%200-5.026%202.229-5.026%205c0%202.882%202.484%204.997%205.026%204.997V15.44c-1.705%200-3.442-1.36-3.447-3.44c-.007-2.35%201.923-3.456%203.447-3.456zm3.8.003c-2.83%200-5.026%202.23-5.026%204.997c0%202.886%202.487%205%205.026%205v-1.56c-1.708%200-3.442-1.358-3.448-3.44c-.005-2.35%201.924-3.456%203.448-3.456z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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