cel logo
cel from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- cel
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the cel logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.633 5.912c.154.233.164.698-.074 1.043c-.244.344-.9.566-1.43.053c-1.381-1.335-3.499-1.594-4.489-1.594A6.61 6.61 0 0 0 4.837 12c.053 2.732 1.9 6.586 6.803 6.586c1.376 0 3.685-.593 4.85-1.81c.2-.212.92-.08 1.175.237c.26.318.185 1.06-.106 1.308a9.32 9.32 0 0 1-5.924 2.15C6.87 20.47 3 16.68 3 12s3.865-8.47 8.64-8.47c3.97 0 5.892 2.228 5.993 2.382"/><path fill="currentColor" d="M19.412 10.942a1.588 1.588 0 1 0 0-3.176a1.588 1.588 0 0 0 0 3.176"/><path fill="currentColor" d="M19.411 9.883a.53.53 0 1 0 0-1.059a.53.53 0 0 0 0 1.059"/></svg>
React
import type { SVGProps } from "react";
export function TokenCel(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="M17.633 5.912c.154.233.164.698-.074 1.043c-.244.344-.9.566-1.43.053c-1.381-1.335-3.499-1.594-4.489-1.594A6.61 6.61 0 0 0 4.837 12c.053 2.732 1.9 6.586 6.803 6.586c1.376 0 3.685-.593 4.85-1.81c.2-.212.92-.08 1.175.237c.26.318.185 1.06-.106 1.308a9.32 9.32 0 0 1-5.924 2.15C6.87 20.47 3 16.68 3 12s3.865-8.47 8.64-8.47c3.97 0 5.892 2.228 5.993 2.382"/><path fill="currentColor" d="M19.412 10.942a1.588 1.588 0 1 0 0-3.176a1.588 1.588 0 0 0 0 3.176"/><path fill="currentColor" d="M19.411 9.883a.53.53 0 1 0 0-1.059a.53.53 0 0 0 0 1.059"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.633 5.912c.154.233.164.698-.074 1.043c-.244.344-.9.566-1.43.053c-1.381-1.335-3.499-1.594-4.489-1.594A6.61 6.61 0 0 0 4.837 12c.053 2.732 1.9 6.586 6.803 6.586c1.376 0 3.685-.593 4.85-1.81c.2-.212.92-.08 1.175.237c.26.318.185 1.06-.106 1.308a9.32 9.32 0 0 1-5.924 2.15C6.87 20.47 3 16.68 3 12s3.865-8.47 8.64-8.47c3.97 0 5.892 2.228 5.993 2.382"/><path fill="currentColor" d="M19.412 10.942a1.588 1.588 0 1 0 0-3.176a1.588 1.588 0 0 0 0 3.176"/><path fill="currentColor" d="M19.411 9.883a.53.53 0 1 0 0-1.059a.53.53 0 0 0 0 1.059"/></svg> </template>
CSS
.icon-cel {
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%22M17.633%205.912c.154.233.164.698-.074%201.043c-.244.344-.9.566-1.43.053c-1.381-1.335-3.499-1.594-4.489-1.594A6.61%206.61%200%200%200%204.837%2012c.053%202.732%201.9%206.586%206.803%206.586c1.376%200%203.685-.593%204.85-1.81c.2-.212.92-.08%201.175.237c.26.318.185%201.06-.106%201.308a9.32%209.32%200%200%201-5.924%202.15C6.87%2020.47%203%2016.68%203%2012s3.865-8.47%208.64-8.47c3.97%200%205.892%202.228%205.993%202.382%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.412%2010.942a1.588%201.588%200%201%200%200-3.176a1.588%201.588%200%200%200%200%203.176%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.411%209.883a.53.53%200%201%200%200-1.059a.53.53%200%200%200%200%201.059%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%22M17.633%205.912c.154.233.164.698-.074%201.043c-.244.344-.9.566-1.43.053c-1.381-1.335-3.499-1.594-4.489-1.594A6.61%206.61%200%200%200%204.837%2012c.053%202.732%201.9%206.586%206.803%206.586c1.376%200%203.685-.593%204.85-1.81c.2-.212.92-.08%201.175.237c.26.318.185%201.06-.106%201.308a9.32%209.32%200%200%201-5.924%202.15C6.87%2020.47%203%2016.68%203%2012s3.865-8.47%208.64-8.47c3.97%200%205.892%202.228%205.993%202.382%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.412%2010.942a1.588%201.588%200%201%200%200-3.176a1.588%201.588%200%200%200%200%203.176%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.411%209.883a.53.53%200%201%200%200-1.059a.53.53%200%200%200%200%201.059%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/cel.svg?color=%231a73e8&size=48
