ctc logo
ctc from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- ctc
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the ctc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.2 8.647l-2.02.62a6.14 6.14 0 0 0-5.72-3.45c-4.342 0-6.21 3.708-6.21 6.183c0 1.952 1.384 6.193 6.188 6.193c3.594 0 5.501-2.886 5.743-3.398l2.132.507c-.197.77-2.616 5.13-7.853 5.13C6.791 20.432 3 16.658 3 12s3.791-8.432 8.46-8.432c4.675 0 7.279 3.6 7.74 5.08"/><path fill="currentColor" d="M12.5 10.88H21v2.25h-8.5z"/><path fill="currentColor" d="M11.437 13.693a1.688 1.688 0 1 0 0-3.375a1.688 1.688 0 0 0 0 3.375"/></svg>
React
import type { SVGProps } from "react";
export function TokenCtc(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="m19.2 8.647l-2.02.62a6.14 6.14 0 0 0-5.72-3.45c-4.342 0-6.21 3.708-6.21 6.183c0 1.952 1.384 6.193 6.188 6.193c3.594 0 5.501-2.886 5.743-3.398l2.132.507c-.197.77-2.616 5.13-7.853 5.13C6.791 20.432 3 16.658 3 12s3.791-8.432 8.46-8.432c4.675 0 7.279 3.6 7.74 5.08"/><path fill="currentColor" d="M12.5 10.88H21v2.25h-8.5z"/><path fill="currentColor" d="M11.437 13.693a1.688 1.688 0 1 0 0-3.375a1.688 1.688 0 0 0 0 3.375"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.2 8.647l-2.02.62a6.14 6.14 0 0 0-5.72-3.45c-4.342 0-6.21 3.708-6.21 6.183c0 1.952 1.384 6.193 6.188 6.193c3.594 0 5.501-2.886 5.743-3.398l2.132.507c-.197.77-2.616 5.13-7.853 5.13C6.791 20.432 3 16.658 3 12s3.791-8.432 8.46-8.432c4.675 0 7.279 3.6 7.74 5.08"/><path fill="currentColor" d="M12.5 10.88H21v2.25h-8.5z"/><path fill="currentColor" d="M11.437 13.693a1.688 1.688 0 1 0 0-3.375a1.688 1.688 0 0 0 0 3.375"/></svg> </template>
CSS
.icon-ctc {
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%22m19.2%208.647l-2.02.62a6.14%206.14%200%200%200-5.72-3.45c-4.342%200-6.21%203.708-6.21%206.183c0%201.952%201.384%206.193%206.188%206.193c3.594%200%205.501-2.886%205.743-3.398l2.132.507c-.197.77-2.616%205.13-7.853%205.13C6.791%2020.432%203%2016.658%203%2012s3.791-8.432%208.46-8.432c4.675%200%207.279%203.6%207.74%205.08%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.5%2010.88H21v2.25h-8.5z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.437%2013.693a1.688%201.688%200%201%200%200-3.375a1.688%201.688%200%200%200%200%203.375%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%22m19.2%208.647l-2.02.62a6.14%206.14%200%200%200-5.72-3.45c-4.342%200-6.21%203.708-6.21%206.183c0%201.952%201.384%206.193%206.188%206.193c3.594%200%205.501-2.886%205.743-3.398l2.132.507c-.197.77-2.616%205.13-7.853%205.13C6.791%2020.432%203%2016.658%203%2012s3.791-8.432%208.46-8.432c4.675%200%207.279%203.6%207.74%205.08%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.5%2010.88H21v2.25h-8.5z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.437%2013.693a1.688%201.688%200%201%200%200-3.375a1.688%201.688%200%200%200%200%203.375%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/ctc.svg?color=%231a73e8&size=48
