energy web logo
energy-web from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- energy-web
- 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 energy web logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#a466ff" d="M12 3a9 9 0 1 0 0 18a9 9 0 0 0 0-18m-.405 13.435c-.49.35-1.074.542-1.676.549c-1.04 0-1.993-.563-2.715-1.603a6.4 6.4 0 0 1-1.041-3.337a.11.11 0 0 1 .073-.102l.708-.317a.11.11 0 0 1 .122.02q.015.017.023.037c0 .015.014.029.014.043c0 1.18.318 2.297.882 3.121c.534.78 1.228 1.2 1.95 1.2c.391 0 .774-.116 1.098-.333a.12.12 0 0 1 .144.03c.144.187.29.36.448.533a.16.16 0 0 1-.03.16m5.216-1.054c-.709 1.026-1.677 1.603-2.716 1.603c-1.038 0-1.993-.577-2.715-1.603c-.679-.982-1.054-2.283-1.054-3.66c0-1.27.737-2.267 1.661-2.267s1.662.997 1.662 2.267a6.6 6.6 0 0 1-.766 3.18a.103.103 0 0 1-.144.043c-.014 0-.014-.015-.03-.03c-.086-.1-.173-.201-.245-.303a4 4 0 0 1-.236-.39a.13.13 0 0 1 0-.1a6.05 6.05 0 0 0 .492-2.414c0-.62-.319-1.329-.738-1.329s-.736.708-.736 1.33c0 1.18.317 2.296.881 3.12c.535.78 1.228 1.199 1.95 1.199c.723 0 1.417-.434 1.95-1.199c.564-.826.883-1.936.883-3.12c0-1.186-.317-2.292-.882-3.118a3.1 3.1 0 0 0-.579-.65a.13.13 0 0 1-.014-.16c.014-.014.03-.029.044-.029l.708-.317a.09.09 0 0 1 .118.028q.27.275.492.59c.68.983 1.055 2.284 1.055 3.66s-.363 2.687-1.041 3.669"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedEnergyWeb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#a466ff" d="M12 3a9 9 0 1 0 0 18a9 9 0 0 0 0-18m-.405 13.435c-.49.35-1.074.542-1.676.549c-1.04 0-1.993-.563-2.715-1.603a6.4 6.4 0 0 1-1.041-3.337a.11.11 0 0 1 .073-.102l.708-.317a.11.11 0 0 1 .122.02q.015.017.023.037c0 .015.014.029.014.043c0 1.18.318 2.297.882 3.121c.534.78 1.228 1.2 1.95 1.2c.391 0 .774-.116 1.098-.333a.12.12 0 0 1 .144.03c.144.187.29.36.448.533a.16.16 0 0 1-.03.16m5.216-1.054c-.709 1.026-1.677 1.603-2.716 1.603c-1.038 0-1.993-.577-2.715-1.603c-.679-.982-1.054-2.283-1.054-3.66c0-1.27.737-2.267 1.661-2.267s1.662.997 1.662 2.267a6.6 6.6 0 0 1-.766 3.18a.103.103 0 0 1-.144.043c-.014 0-.014-.015-.03-.03c-.086-.1-.173-.201-.245-.303a4 4 0 0 1-.236-.39a.13.13 0 0 1 0-.1a6.05 6.05 0 0 0 .492-2.414c0-.62-.319-1.329-.738-1.329s-.736.708-.736 1.33c0 1.18.317 2.296.881 3.12c.535.78 1.228 1.199 1.95 1.199c.723 0 1.417-.434 1.95-1.199c.564-.826.883-1.936.883-3.12c0-1.186-.317-2.292-.882-3.118a3.1 3.1 0 0 0-.579-.65a.13.13 0 0 1-.014-.16c.014-.014.03-.029.044-.029l.708-.317a.09.09 0 0 1 .118.028q.27.275.492.59c.68.983 1.055 2.284 1.055 3.66s-.363 2.687-1.041 3.669"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#a466ff" d="M12 3a9 9 0 1 0 0 18a9 9 0 0 0 0-18m-.405 13.435c-.49.35-1.074.542-1.676.549c-1.04 0-1.993-.563-2.715-1.603a6.4 6.4 0 0 1-1.041-3.337a.11.11 0 0 1 .073-.102l.708-.317a.11.11 0 0 1 .122.02q.015.017.023.037c0 .015.014.029.014.043c0 1.18.318 2.297.882 3.121c.534.78 1.228 1.2 1.95 1.2c.391 0 .774-.116 1.098-.333a.12.12 0 0 1 .144.03c.144.187.29.36.448.533a.16.16 0 0 1-.03.16m5.216-1.054c-.709 1.026-1.677 1.603-2.716 1.603c-1.038 0-1.993-.577-2.715-1.603c-.679-.982-1.054-2.283-1.054-3.66c0-1.27.737-2.267 1.661-2.267s1.662.997 1.662 2.267a6.6 6.6 0 0 1-.766 3.18a.103.103 0 0 1-.144.043c-.014 0-.014-.015-.03-.03c-.086-.1-.173-.201-.245-.303a4 4 0 0 1-.236-.39a.13.13 0 0 1 0-.1a6.05 6.05 0 0 0 .492-2.414c0-.62-.319-1.329-.738-1.329s-.736.708-.736 1.33c0 1.18.317 2.296.881 3.12c.535.78 1.228 1.199 1.95 1.199c.723 0 1.417-.434 1.95-1.199c.564-.826.883-1.936.883-3.12c0-1.186-.317-2.292-.882-3.118a3.1 3.1 0 0 0-.579-.65a.13.13 0 0 1-.014-.16c.014-.014.03-.029.044-.029l.708-.317a.09.09 0 0 1 .118.028q.27.275.492.59c.68.983 1.055 2.284 1.055 3.66s-.363 2.687-1.041 3.669"/></svg> </template>
CSS
.icon-energy-web {
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%23a466ff%22%20d%3D%22M12%203a9%209%200%201%200%200%2018a9%209%200%200%200%200-18m-.405%2013.435c-.49.35-1.074.542-1.676.549c-1.04%200-1.993-.563-2.715-1.603a6.4%206.4%200%200%201-1.041-3.337a.11.11%200%200%201%20.073-.102l.708-.317a.11.11%200%200%201%20.122.02q.015.017.023.037c0%20.015.014.029.014.043c0%201.18.318%202.297.882%203.121c.534.78%201.228%201.2%201.95%201.2c.391%200%20.774-.116%201.098-.333a.12.12%200%200%201%20.144.03c.144.187.29.36.448.533a.16.16%200%200%201-.03.16m5.216-1.054c-.709%201.026-1.677%201.603-2.716%201.603c-1.038%200-1.993-.577-2.715-1.603c-.679-.982-1.054-2.283-1.054-3.66c0-1.27.737-2.267%201.661-2.267s1.662.997%201.662%202.267a6.6%206.6%200%200%201-.766%203.18a.103.103%200%200%201-.144.043c-.014%200-.014-.015-.03-.03c-.086-.1-.173-.201-.245-.303a4%204%200%200%201-.236-.39a.13.13%200%200%201%200-.1a6.05%206.05%200%200%200%20.492-2.414c0-.62-.319-1.329-.738-1.329s-.736.708-.736%201.33c0%201.18.317%202.296.881%203.12c.535.78%201.228%201.199%201.95%201.199c.723%200%201.417-.434%201.95-1.199c.564-.826.883-1.936.883-3.12c0-1.186-.317-2.292-.882-3.118a3.1%203.1%200%200%200-.579-.65a.13.13%200%200%201-.014-.16c.014-.014.03-.029.044-.029l.708-.317a.09.09%200%200%201%20.118.028q.27.275.492.59c.68.983%201.055%202.284%201.055%203.66s-.363%202.687-1.041%203.669%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%23a466ff%22%20d%3D%22M12%203a9%209%200%201%200%200%2018a9%209%200%200%200%200-18m-.405%2013.435c-.49.35-1.074.542-1.676.549c-1.04%200-1.993-.563-2.715-1.603a6.4%206.4%200%200%201-1.041-3.337a.11.11%200%200%201%20.073-.102l.708-.317a.11.11%200%200%201%20.122.02q.015.017.023.037c0%20.015.014.029.014.043c0%201.18.318%202.297.882%203.121c.534.78%201.228%201.2%201.95%201.2c.391%200%20.774-.116%201.098-.333a.12.12%200%200%201%20.144.03c.144.187.29.36.448.533a.16.16%200%200%201-.03.16m5.216-1.054c-.709%201.026-1.677%201.603-2.716%201.603c-1.038%200-1.993-.577-2.715-1.603c-.679-.982-1.054-2.283-1.054-3.66c0-1.27.737-2.267%201.661-2.267s1.662.997%201.662%202.267a6.6%206.6%200%200%201-.766%203.18a.103.103%200%200%201-.144.043c-.014%200-.014-.015-.03-.03c-.086-.1-.173-.201-.245-.303a4%204%200%200%201-.236-.39a.13.13%200%200%201%200-.1a6.05%206.05%200%200%200%20.492-2.414c0-.62-.319-1.329-.738-1.329s-.736.708-.736%201.33c0%201.18.317%202.296.881%203.12c.535.78%201.228%201.199%201.95%201.199c.723%200%201.417-.434%201.95-1.199c.564-.826.883-1.936.883-3.12c0-1.186-.317-2.292-.882-3.118a3.1%203.1%200%200%200-.579-.65a.13.13%200%200%201-.014-.16c.014-.014.03-.029.044-.029l.708-.317a.09.09%200%200%201%20.118.028q.27.275.492.59c.68.983%201.055%202.284%201.055%203.66s-.363%202.687-1.041%203.669%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/energy-web.svg?color=%231a73e8&size=48
