geode logo
geode from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- geode
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the geode logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0a1.4 1.4 0 0 0-.857.29L.596 8.343c-.47.36-.667.973-.492 1.539l4.056 13.12c.183.593.73.997 1.35.997h12.98c.62 0 1.167-.404 1.35-.996l4.056-13.121a1.41 1.41 0 0 0-.492-1.54l-.972-.741l-1.12 3.517l-3.07 9.99a.93.93 0 0 1-.888.657H6.578a.93.93 0 0 1-.889-.657L2.33 10.176a.93.93 0 0 1 .321-1.012l8.748-6.717a1 1 0 0 1 .11-.072L13.553.82l-.696-.53A1.4 1.4 0 0 0 12 0m.068 4.758a.76.76 0 0 0-.46.156L5.083 9.918a.76.76 0 0 0-.264.824l.434 1.408l2.197-1.619l4.315-3.377a.38.38 0 0 1 .468 0l4.705 3.682a.38.38 0 0 1 .13.406l-1.81 5.992a.38.38 0 0 1-.363.27H9.104a.4.4 0 0 1-.077-.008H6.9l.428 1.393a.76.76 0 0 0 .725.535h8.033a.76.76 0 0 0 .723-.535l2.51-8.147a.76.76 0 0 0-.264-.824l-6.526-5.004a.76.76 0 0 0-.46-.156"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsGeode(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 0a1.4 1.4 0 0 0-.857.29L.596 8.343c-.47.36-.667.973-.492 1.539l4.056 13.12c.183.593.73.997 1.35.997h12.98c.62 0 1.167-.404 1.35-.996l4.056-13.121a1.41 1.41 0 0 0-.492-1.54l-.972-.741l-1.12 3.517l-3.07 9.99a.93.93 0 0 1-.888.657H6.578a.93.93 0 0 1-.889-.657L2.33 10.176a.93.93 0 0 1 .321-1.012l8.748-6.717a1 1 0 0 1 .11-.072L13.553.82l-.696-.53A1.4 1.4 0 0 0 12 0m.068 4.758a.76.76 0 0 0-.46.156L5.083 9.918a.76.76 0 0 0-.264.824l.434 1.408l2.197-1.619l4.315-3.377a.38.38 0 0 1 .468 0l4.705 3.682a.38.38 0 0 1 .13.406l-1.81 5.992a.38.38 0 0 1-.363.27H9.104a.4.4 0 0 1-.077-.008H6.9l.428 1.393a.76.76 0 0 0 .725.535h8.033a.76.76 0 0 0 .723-.535l2.51-8.147a.76.76 0 0 0-.264-.824l-6.526-5.004a.76.76 0 0 0-.46-.156"/></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 0a1.4 1.4 0 0 0-.857.29L.596 8.343c-.47.36-.667.973-.492 1.539l4.056 13.12c.183.593.73.997 1.35.997h12.98c.62 0 1.167-.404 1.35-.996l4.056-13.121a1.41 1.41 0 0 0-.492-1.54l-.972-.741l-1.12 3.517l-3.07 9.99a.93.93 0 0 1-.888.657H6.578a.93.93 0 0 1-.889-.657L2.33 10.176a.93.93 0 0 1 .321-1.012l8.748-6.717a1 1 0 0 1 .11-.072L13.553.82l-.696-.53A1.4 1.4 0 0 0 12 0m.068 4.758a.76.76 0 0 0-.46.156L5.083 9.918a.76.76 0 0 0-.264.824l.434 1.408l2.197-1.619l4.315-3.377a.38.38 0 0 1 .468 0l4.705 3.682a.38.38 0 0 1 .13.406l-1.81 5.992a.38.38 0 0 1-.363.27H9.104a.4.4 0 0 1-.077-.008H6.9l.428 1.393a.76.76 0 0 0 .725.535h8.033a.76.76 0 0 0 .723-.535l2.51-8.147a.76.76 0 0 0-.264-.824l-6.526-5.004a.76.76 0 0 0-.46-.156"/></svg> </template>
CSS
.icon-geode {
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%200a1.4%201.4%200%200%200-.857.29L.596%208.343c-.47.36-.667.973-.492%201.539l4.056%2013.12c.183.593.73.997%201.35.997h12.98c.62%200%201.167-.404%201.35-.996l4.056-13.121a1.41%201.41%200%200%200-.492-1.54l-.972-.741l-1.12%203.517l-3.07%209.99a.93.93%200%200%201-.888.657H6.578a.93.93%200%200%201-.889-.657L2.33%2010.176a.93.93%200%200%201%20.321-1.012l8.748-6.717a1%201%200%200%201%20.11-.072L13.553.82l-.696-.53A1.4%201.4%200%200%200%2012%200m.068%204.758a.76.76%200%200%200-.46.156L5.083%209.918a.76.76%200%200%200-.264.824l.434%201.408l2.197-1.619l4.315-3.377a.38.38%200%200%201%20.468%200l4.705%203.682a.38.38%200%200%201%20.13.406l-1.81%205.992a.38.38%200%200%201-.363.27H9.104a.4.4%200%200%201-.077-.008H6.9l.428%201.393a.76.76%200%200%200%20.725.535h8.033a.76.76%200%200%200%20.723-.535l2.51-8.147a.76.76%200%200%200-.264-.824l-6.526-5.004a.76.76%200%200%200-.46-.156%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%200a1.4%201.4%200%200%200-.857.29L.596%208.343c-.47.36-.667.973-.492%201.539l4.056%2013.12c.183.593.73.997%201.35.997h12.98c.62%200%201.167-.404%201.35-.996l4.056-13.121a1.41%201.41%200%200%200-.492-1.54l-.972-.741l-1.12%203.517l-3.07%209.99a.93.93%200%200%201-.888.657H6.578a.93.93%200%200%201-.889-.657L2.33%2010.176a.93.93%200%200%201%20.321-1.012l8.748-6.717a1%201%200%200%201%20.11-.072L13.553.82l-.696-.53A1.4%201.4%200%200%200%2012%200m.068%204.758a.76.76%200%200%200-.46.156L5.083%209.918a.76.76%200%200%200-.264.824l.434%201.408l2.197-1.619l4.315-3.377a.38.38%200%200%201%20.468%200l4.705%203.682a.38.38%200%200%201%20.13.406l-1.81%205.992a.38.38%200%200%201-.363.27H9.104a.4.4%200%200%201-.077-.008H6.9l.428%201.393a.76.76%200%200%200%20.725.535h8.033a.76.76%200%200%200%20.723-.535l2.51-8.147a.76.76%200%200%200-.264-.824l-6.526-5.004a.76.76%200%200%200-.46-.156%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/geode.svg?color=%231a73e8&size=48
