creo logo
creo from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- creo
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the creo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#39b0f4" d="M12.25 3v2.44l-5.205 3.1a.56.56 0 0 0-.295.485v5.926c0 .2.06.32.23.425l5.135 3.055c.175.105.39.105.565 0l4.55-2.775l2.02 1.51l-6.285 3.685c-.35.2-.78.2-1.13-.01L5.3 16.876a1.15 1.15 0 0 1-.55-.975V8.025c0-.405.21-.78.55-.985zm0 2.92v1.715L8.9 9.66c-.11.07-.15.245-.15.375v3.89l-.005.096c-.01.095-.015.175.07.225l3.26 1.96c.115.07.255.065.37 0l2.98-1.82l1.315.985l-4.11 2.415a.72.72 0 0 1-.735-.005l-4.275-2.6a.76.76 0 0 1-.37-.64V9.385c0-.265.15-.51.37-.65l4.63-2.81zM12.5 14a1.75 1.75 0 1 0 0-3.499a1.75 1.75 0 0 0 0 3.5M18 9.126a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0m-2.75 1.376a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCreo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#39b0f4" d="M12.25 3v2.44l-5.205 3.1a.56.56 0 0 0-.295.485v5.926c0 .2.06.32.23.425l5.135 3.055c.175.105.39.105.565 0l4.55-2.775l2.02 1.51l-6.285 3.685c-.35.2-.78.2-1.13-.01L5.3 16.876a1.15 1.15 0 0 1-.55-.975V8.025c0-.405.21-.78.55-.985zm0 2.92v1.715L8.9 9.66c-.11.07-.15.245-.15.375v3.89l-.005.096c-.01.095-.015.175.07.225l3.26 1.96c.115.07.255.065.37 0l2.98-1.82l1.315.985l-4.11 2.415a.72.72 0 0 1-.735-.005l-4.275-2.6a.76.76 0 0 1-.37-.64V9.385c0-.265.15-.51.37-.65l4.63-2.81zM12.5 14a1.75 1.75 0 1 0 0-3.499a1.75 1.75 0 0 0 0 3.5M18 9.126a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0m-2.75 1.376a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#39b0f4" d="M12.25 3v2.44l-5.205 3.1a.56.56 0 0 0-.295.485v5.926c0 .2.06.32.23.425l5.135 3.055c.175.105.39.105.565 0l4.55-2.775l2.02 1.51l-6.285 3.685c-.35.2-.78.2-1.13-.01L5.3 16.876a1.15 1.15 0 0 1-.55-.975V8.025c0-.405.21-.78.55-.985zm0 2.92v1.715L8.9 9.66c-.11.07-.15.245-.15.375v3.89l-.005.096c-.01.095-.015.175.07.225l3.26 1.96c.115.07.255.065.37 0l2.98-1.82l1.315.985l-4.11 2.415a.72.72 0 0 1-.735-.005l-4.275-2.6a.76.76 0 0 1-.37-.64V9.385c0-.265.15-.51.37-.65l4.63-2.81zM12.5 14a1.75 1.75 0 1 0 0-3.499a1.75 1.75 0 0 0 0 3.5M18 9.126a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0m-2.75 1.376a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/></svg> </template>
CSS
.icon-creo {
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%22%2339b0f4%22%20d%3D%22M12.25%203v2.44l-5.205%203.1a.56.56%200%200%200-.295.485v5.926c0%20.2.06.32.23.425l5.135%203.055c.175.105.39.105.565%200l4.55-2.775l2.02%201.51l-6.285%203.685c-.35.2-.78.2-1.13-.01L5.3%2016.876a1.15%201.15%200%200%201-.55-.975V8.025c0-.405.21-.78.55-.985zm0%202.92v1.715L8.9%209.66c-.11.07-.15.245-.15.375v3.89l-.005.096c-.01.095-.015.175.07.225l3.26%201.96c.115.07.255.065.37%200l2.98-1.82l1.315.985l-4.11%202.415a.72.72%200%200%201-.735-.005l-4.275-2.6a.76.76%200%200%201-.37-.64V9.385c0-.265.15-.51.37-.65l4.63-2.81zM12.5%2014a1.75%201.75%200%201%200%200-3.499a1.75%201.75%200%200%200%200%203.5M18%209.126a1.125%201.125%200%201%201-2.25%200a1.125%201.125%200%200%201%202.25%200m-2.75%201.376a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201%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%22%2339b0f4%22%20d%3D%22M12.25%203v2.44l-5.205%203.1a.56.56%200%200%200-.295.485v5.926c0%20.2.06.32.23.425l5.135%203.055c.175.105.39.105.565%200l4.55-2.775l2.02%201.51l-6.285%203.685c-.35.2-.78.2-1.13-.01L5.3%2016.876a1.15%201.15%200%200%201-.55-.975V8.025c0-.405.21-.78.55-.985zm0%202.92v1.715L8.9%209.66c-.11.07-.15.245-.15.375v3.89l-.005.096c-.01.095-.015.175.07.225l3.26%201.96c.115.07.255.065.37%200l2.98-1.82l1.315.985l-4.11%202.415a.72.72%200%200%201-.735-.005l-4.275-2.6a.76.76%200%200%201-.37-.64V9.385c0-.265.15-.51.37-.65l4.63-2.81zM12.5%2014a1.75%201.75%200%201%200%200-3.499a1.75%201.75%200%200%200%200%203.5M18%209.126a1.125%201.125%200%201%201-2.25%200a1.125%201.125%200%200%201%202.25%200m-2.75%201.376a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/creo.svg?color=%231a73e8&size=48
