cos logo
cos from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- cos
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the cos logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.043 3c3.583 0 6.063 2.188 6.919 3.364c-.693.962-2.577 1.3-4.056.512a6.2 6.2 0 0 0-2.863-.754c-3.128 0-4.917 2.38-5.423 3.628H4.358C5.612 5.7 8.908 3 13.043 3m.024 18c3.583 0 6.063-2.188 6.918-3.364c-.691-.967-2.581-1.3-4.061-.511a6.2 6.2 0 0 1-2.857.753c-3.128 0-4.917-2.38-5.423-3.628H4.381C5.631 18.3 8.932 21 13.067 21"/><path fill="currentColor" d="M7.716 17.76a4.98 4.98 0 0 1-3.363-3.51h3.279a6.01 6.01 0 0 0 5.383 3.628c-.844.225-3.06.551-5.299-.118M7.694 6.24a4.98 4.98 0 0 0-3.358 3.51h3.279c1.35-2.965 4.163-3.668 5.4-3.629c-.844-.225-3.077-.55-5.321.118m-1.429 7.449a1.688 1.688 0 1 0 0-3.376a1.688 1.688 0 0 0 0 3.376"/><path fill="currentColor" d="M5.702 13.688a1.688 1.688 0 1 0 0-3.376a1.688 1.688 0 0 0 0 3.376"/></svg>
React
import type { SVGProps } from "react";
export function TokenCos(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="M13.043 3c3.583 0 6.063 2.188 6.919 3.364c-.693.962-2.577 1.3-4.056.512a6.2 6.2 0 0 0-2.863-.754c-3.128 0-4.917 2.38-5.423 3.628H4.358C5.612 5.7 8.908 3 13.043 3m.024 18c3.583 0 6.063-2.188 6.918-3.364c-.691-.967-2.581-1.3-4.061-.511a6.2 6.2 0 0 1-2.857.753c-3.128 0-4.917-2.38-5.423-3.628H4.381C5.631 18.3 8.932 21 13.067 21"/><path fill="currentColor" d="M7.716 17.76a4.98 4.98 0 0 1-3.363-3.51h3.279a6.01 6.01 0 0 0 5.383 3.628c-.844.225-3.06.551-5.299-.118M7.694 6.24a4.98 4.98 0 0 0-3.358 3.51h3.279c1.35-2.965 4.163-3.668 5.4-3.629c-.844-.225-3.077-.55-5.321.118m-1.429 7.449a1.688 1.688 0 1 0 0-3.376a1.688 1.688 0 0 0 0 3.376"/><path fill="currentColor" d="M5.702 13.688a1.688 1.688 0 1 0 0-3.376a1.688 1.688 0 0 0 0 3.376"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.043 3c3.583 0 6.063 2.188 6.919 3.364c-.693.962-2.577 1.3-4.056.512a6.2 6.2 0 0 0-2.863-.754c-3.128 0-4.917 2.38-5.423 3.628H4.358C5.612 5.7 8.908 3 13.043 3m.024 18c3.583 0 6.063-2.188 6.918-3.364c-.691-.967-2.581-1.3-4.061-.511a6.2 6.2 0 0 1-2.857.753c-3.128 0-4.917-2.38-5.423-3.628H4.381C5.631 18.3 8.932 21 13.067 21"/><path fill="currentColor" d="M7.716 17.76a4.98 4.98 0 0 1-3.363-3.51h3.279a6.01 6.01 0 0 0 5.383 3.628c-.844.225-3.06.551-5.299-.118M7.694 6.24a4.98 4.98 0 0 0-3.358 3.51h3.279c1.35-2.965 4.163-3.668 5.4-3.629c-.844-.225-3.077-.55-5.321.118m-1.429 7.449a1.688 1.688 0 1 0 0-3.376a1.688 1.688 0 0 0 0 3.376"/><path fill="currentColor" d="M5.702 13.688a1.688 1.688 0 1 0 0-3.376a1.688 1.688 0 0 0 0 3.376"/></svg> </template>
CSS
.icon-cos {
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%22M13.043%203c3.583%200%206.063%202.188%206.919%203.364c-.693.962-2.577%201.3-4.056.512a6.2%206.2%200%200%200-2.863-.754c-3.128%200-4.917%202.38-5.423%203.628H4.358C5.612%205.7%208.908%203%2013.043%203m.024%2018c3.583%200%206.063-2.188%206.918-3.364c-.691-.967-2.581-1.3-4.061-.511a6.2%206.2%200%200%201-2.857.753c-3.128%200-4.917-2.38-5.423-3.628H4.381C5.631%2018.3%208.932%2021%2013.067%2021%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.716%2017.76a4.98%204.98%200%200%201-3.363-3.51h3.279a6.01%206.01%200%200%200%205.383%203.628c-.844.225-3.06.551-5.299-.118M7.694%206.24a4.98%204.98%200%200%200-3.358%203.51h3.279c1.35-2.965%204.163-3.668%205.4-3.629c-.844-.225-3.077-.55-5.321.118m-1.429%207.449a1.688%201.688%200%201%200%200-3.376a1.688%201.688%200%200%200%200%203.376%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.702%2013.688a1.688%201.688%200%201%200%200-3.376a1.688%201.688%200%200%200%200%203.376%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%22M13.043%203c3.583%200%206.063%202.188%206.919%203.364c-.693.962-2.577%201.3-4.056.512a6.2%206.2%200%200%200-2.863-.754c-3.128%200-4.917%202.38-5.423%203.628H4.358C5.612%205.7%208.908%203%2013.043%203m.024%2018c3.583%200%206.063-2.188%206.918-3.364c-.691-.967-2.581-1.3-4.061-.511a6.2%206.2%200%200%201-2.857.753c-3.128%200-4.917-2.38-5.423-3.628H4.381C5.631%2018.3%208.932%2021%2013.067%2021%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.716%2017.76a4.98%204.98%200%200%201-3.363-3.51h3.279a6.01%206.01%200%200%200%205.383%203.628c-.844.225-3.06.551-5.299-.118M7.694%206.24a4.98%204.98%200%200%200-3.358%203.51h3.279c1.35-2.965%204.163-3.668%205.4-3.629c-.844-.225-3.077-.55-5.321.118m-1.429%207.449a1.688%201.688%200%201%200%200-3.376a1.688%201.688%200%200%200%200%203.376%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.702%2013.688a1.688%201.688%200%201%200%200-3.376a1.688%201.688%200%200%200%200%203.376%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/cos.svg?color=%231a73e8&size=48
