web3js logo
web3js from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- web3js
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
- Aliases
- web3
The same logo in other sets
Use the web3js logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f16822" d="M109.043 26.03c-4.368-2.524-8.284-3.752-11.62-4.247c-.87-1.903-3.003-4.138-7.337-6.612c-14.222-8.122-28.436-.085-28.436-.085L42.684 26.03l9.479 5.469L71.12 20.555s4.743-2.74 9.478 0c4.744 2.738 0 5.477 0 5.477L61.642 36.978l9.479 5.469L90.094 31.49c.282-.162 4.872-2.645 9.462.01c4.743 2.739 0 5.469 0 5.469L80.599 47.917l9.478 5.477l23.701-13.684s9.479-5.47-4.735-13.677z"/><path fill="#808285" d="M42.684 26.03s-4.744 2.74-4.744 8.209v27.335s0 5.478-4.743 2.739c-4.744-2.74-4.744-8.207-4.744-8.207V28.77q0-.512.051-.998c.52-4.812 4.684-7.218 4.684-7.218l-9.479-5.468s-.01 0-.017.01c-.281.162-4.726 2.9-4.726 8.198V50.63s0 5.477-4.744 2.739C9.48 50.628 9.48 45.16 9.48 45.16V17.827c0-5.47 4.743-8.208 4.743-8.208L4.744 4.14S0 6.88 0 12.348v27.336s0 16.423 14.222 24.63c4.36 2.517 7.38 2.714 9.479 1.784c2.099 3.353 5.119 6.646 9.479 9.163c14.222 8.207 14.222-8.208 14.222-8.208V39.718c0-5.477 4.743-8.208 4.743-8.208z"/><path fill="#bcbec0" d="M80.6 47.924s-4.745 2.738-4.745 8.207v27.336s0 5.476-4.744 2.738c-4.743-2.74-4.744-8.207-4.744-8.207L56.89 72.52s0 16.424 14.222 24.63c14.223 8.21 14.223-8.207 14.223-8.207V61.61c0-5.47 4.742-8.209 4.742-8.209zm-23.694 2.799v10.945l9.479 5.469V56.19l-9.479-5.468zm45.026 11.64c-3.556.026-7.112 2.079-7.112 10.184c0 16.21 14.223 24.629 14.223 24.629l4.744 2.74s4.742 2.738 4.742 8.207c0 5.477-4.742 2.738-4.742 2.738L94.82 99.914v10.947l18.957 10.948S128 130.015 128 113.599c0-16.414-9.479-21.892-9.479-21.892l-9.478-5.469s-4.744-2.738-4.744-8.207c0-5.486 4.744-2.746 4.744-2.746v-.002L128 86.23V75.285L109.043 64.34s-3.556-2.002-7.111-1.977"/></svg>
React
import type { SVGProps } from "react";
export function DeviconWeb3js(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f16822" d="M109.043 26.03c-4.368-2.524-8.284-3.752-11.62-4.247c-.87-1.903-3.003-4.138-7.337-6.612c-14.222-8.122-28.436-.085-28.436-.085L42.684 26.03l9.479 5.469L71.12 20.555s4.743-2.74 9.478 0c4.744 2.738 0 5.477 0 5.477L61.642 36.978l9.479 5.469L90.094 31.49c.282-.162 4.872-2.645 9.462.01c4.743 2.739 0 5.469 0 5.469L80.599 47.917l9.478 5.477l23.701-13.684s9.479-5.47-4.735-13.677z"/><path fill="#808285" d="M42.684 26.03s-4.744 2.74-4.744 8.209v27.335s0 5.478-4.743 2.739c-4.744-2.74-4.744-8.207-4.744-8.207V28.77q0-.512.051-.998c.52-4.812 4.684-7.218 4.684-7.218l-9.479-5.468s-.01 0-.017.01c-.281.162-4.726 2.9-4.726 8.198V50.63s0 5.477-4.744 2.739C9.48 50.628 9.48 45.16 9.48 45.16V17.827c0-5.47 4.743-8.208 4.743-8.208L4.744 4.14S0 6.88 0 12.348v27.336s0 16.423 14.222 24.63c4.36 2.517 7.38 2.714 9.479 1.784c2.099 3.353 5.119 6.646 9.479 9.163c14.222 8.207 14.222-8.208 14.222-8.208V39.718c0-5.477 4.743-8.208 4.743-8.208z"/><path fill="#bcbec0" d="M80.6 47.924s-4.745 2.738-4.745 8.207v27.336s0 5.476-4.744 2.738c-4.743-2.74-4.744-8.207-4.744-8.207L56.89 72.52s0 16.424 14.222 24.63c14.223 8.21 14.223-8.207 14.223-8.207V61.61c0-5.47 4.742-8.209 4.742-8.209zm-23.694 2.799v10.945l9.479 5.469V56.19l-9.479-5.468zm45.026 11.64c-3.556.026-7.112 2.079-7.112 10.184c0 16.21 14.223 24.629 14.223 24.629l4.744 2.74s4.742 2.738 4.742 8.207c0 5.477-4.742 2.738-4.742 2.738L94.82 99.914v10.947l18.957 10.948S128 130.015 128 113.599c0-16.414-9.479-21.892-9.479-21.892l-9.478-5.469s-4.744-2.738-4.744-8.207c0-5.486 4.744-2.746 4.744-2.746v-.002L128 86.23V75.285L109.043 64.34s-3.556-2.002-7.111-1.977"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f16822" d="M109.043 26.03c-4.368-2.524-8.284-3.752-11.62-4.247c-.87-1.903-3.003-4.138-7.337-6.612c-14.222-8.122-28.436-.085-28.436-.085L42.684 26.03l9.479 5.469L71.12 20.555s4.743-2.74 9.478 0c4.744 2.738 0 5.477 0 5.477L61.642 36.978l9.479 5.469L90.094 31.49c.282-.162 4.872-2.645 9.462.01c4.743 2.739 0 5.469 0 5.469L80.599 47.917l9.478 5.477l23.701-13.684s9.479-5.47-4.735-13.677z"/><path fill="#808285" d="M42.684 26.03s-4.744 2.74-4.744 8.209v27.335s0 5.478-4.743 2.739c-4.744-2.74-4.744-8.207-4.744-8.207V28.77q0-.512.051-.998c.52-4.812 4.684-7.218 4.684-7.218l-9.479-5.468s-.01 0-.017.01c-.281.162-4.726 2.9-4.726 8.198V50.63s0 5.477-4.744 2.739C9.48 50.628 9.48 45.16 9.48 45.16V17.827c0-5.47 4.743-8.208 4.743-8.208L4.744 4.14S0 6.88 0 12.348v27.336s0 16.423 14.222 24.63c4.36 2.517 7.38 2.714 9.479 1.784c2.099 3.353 5.119 6.646 9.479 9.163c14.222 8.207 14.222-8.208 14.222-8.208V39.718c0-5.477 4.743-8.208 4.743-8.208z"/><path fill="#bcbec0" d="M80.6 47.924s-4.745 2.738-4.745 8.207v27.336s0 5.476-4.744 2.738c-4.743-2.74-4.744-8.207-4.744-8.207L56.89 72.52s0 16.424 14.222 24.63c14.223 8.21 14.223-8.207 14.223-8.207V61.61c0-5.47 4.742-8.209 4.742-8.209zm-23.694 2.799v10.945l9.479 5.469V56.19l-9.479-5.468zm45.026 11.64c-3.556.026-7.112 2.079-7.112 10.184c0 16.21 14.223 24.629 14.223 24.629l4.744 2.74s4.742 2.738 4.742 8.207c0 5.477-4.742 2.738-4.742 2.738L94.82 99.914v10.947l18.957 10.948S128 130.015 128 113.599c0-16.414-9.479-21.892-9.479-21.892l-9.478-5.469s-4.744-2.738-4.744-8.207c0-5.486 4.744-2.746 4.744-2.746v-.002L128 86.23V75.285L109.043 64.34s-3.556-2.002-7.111-1.977"/></svg> </template>
CSS
.icon-web3js {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f16822%22%20d%3D%22M109.043%2026.03c-4.368-2.524-8.284-3.752-11.62-4.247c-.87-1.903-3.003-4.138-7.337-6.612c-14.222-8.122-28.436-.085-28.436-.085L42.684%2026.03l9.479%205.469L71.12%2020.555s4.743-2.74%209.478%200c4.744%202.738%200%205.477%200%205.477L61.642%2036.978l9.479%205.469L90.094%2031.49c.282-.162%204.872-2.645%209.462.01c4.743%202.739%200%205.469%200%205.469L80.599%2047.917l9.478%205.477l23.701-13.684s9.479-5.47-4.735-13.677z%22%2F%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M42.684%2026.03s-4.744%202.74-4.744%208.209v27.335s0%205.478-4.743%202.739c-4.744-2.74-4.744-8.207-4.744-8.207V28.77q0-.512.051-.998c.52-4.812%204.684-7.218%204.684-7.218l-9.479-5.468s-.01%200-.017.01c-.281.162-4.726%202.9-4.726%208.198V50.63s0%205.477-4.744%202.739C9.48%2050.628%209.48%2045.16%209.48%2045.16V17.827c0-5.47%204.743-8.208%204.743-8.208L4.744%204.14S0%206.88%200%2012.348v27.336s0%2016.423%2014.222%2024.63c4.36%202.517%207.38%202.714%209.479%201.784c2.099%203.353%205.119%206.646%209.479%209.163c14.222%208.207%2014.222-8.208%2014.222-8.208V39.718c0-5.477%204.743-8.208%204.743-8.208z%22%2F%3E%3Cpath%20fill%3D%22%23bcbec0%22%20d%3D%22M80.6%2047.924s-4.745%202.738-4.745%208.207v27.336s0%205.476-4.744%202.738c-4.743-2.74-4.744-8.207-4.744-8.207L56.89%2072.52s0%2016.424%2014.222%2024.63c14.223%208.21%2014.223-8.207%2014.223-8.207V61.61c0-5.47%204.742-8.209%204.742-8.209zm-23.694%202.799v10.945l9.479%205.469V56.19l-9.479-5.468zm45.026%2011.64c-3.556.026-7.112%202.079-7.112%2010.184c0%2016.21%2014.223%2024.629%2014.223%2024.629l4.744%202.74s4.742%202.738%204.742%208.207c0%205.477-4.742%202.738-4.742%202.738L94.82%2099.914v10.947l18.957%2010.948S128%20130.015%20128%20113.599c0-16.414-9.479-21.892-9.479-21.892l-9.478-5.469s-4.744-2.738-4.744-8.207c0-5.486%204.744-2.746%204.744-2.746v-.002L128%2086.23V75.285L109.043%2064.34s-3.556-2.002-7.111-1.977%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f16822%22%20d%3D%22M109.043%2026.03c-4.368-2.524-8.284-3.752-11.62-4.247c-.87-1.903-3.003-4.138-7.337-6.612c-14.222-8.122-28.436-.085-28.436-.085L42.684%2026.03l9.479%205.469L71.12%2020.555s4.743-2.74%209.478%200c4.744%202.738%200%205.477%200%205.477L61.642%2036.978l9.479%205.469L90.094%2031.49c.282-.162%204.872-2.645%209.462.01c4.743%202.739%200%205.469%200%205.469L80.599%2047.917l9.478%205.477l23.701-13.684s9.479-5.47-4.735-13.677z%22%2F%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M42.684%2026.03s-4.744%202.74-4.744%208.209v27.335s0%205.478-4.743%202.739c-4.744-2.74-4.744-8.207-4.744-8.207V28.77q0-.512.051-.998c.52-4.812%204.684-7.218%204.684-7.218l-9.479-5.468s-.01%200-.017.01c-.281.162-4.726%202.9-4.726%208.198V50.63s0%205.477-4.744%202.739C9.48%2050.628%209.48%2045.16%209.48%2045.16V17.827c0-5.47%204.743-8.208%204.743-8.208L4.744%204.14S0%206.88%200%2012.348v27.336s0%2016.423%2014.222%2024.63c4.36%202.517%207.38%202.714%209.479%201.784c2.099%203.353%205.119%206.646%209.479%209.163c14.222%208.207%2014.222-8.208%2014.222-8.208V39.718c0-5.477%204.743-8.208%204.743-8.208z%22%2F%3E%3Cpath%20fill%3D%22%23bcbec0%22%20d%3D%22M80.6%2047.924s-4.745%202.738-4.745%208.207v27.336s0%205.476-4.744%202.738c-4.743-2.74-4.744-8.207-4.744-8.207L56.89%2072.52s0%2016.424%2014.222%2024.63c14.223%208.21%2014.223-8.207%2014.223-8.207V61.61c0-5.47%204.742-8.209%204.742-8.209zm-23.694%202.799v10.945l9.479%205.469V56.19l-9.479-5.468zm45.026%2011.64c-3.556.026-7.112%202.079-7.112%2010.184c0%2016.21%2014.223%2024.629%2014.223%2024.629l4.744%202.74s4.742%202.738%204.742%208.207c0%205.477-4.742%202.738-4.742%202.738L94.82%2099.914v10.947l18.957%2010.948S128%20130.015%20128%20113.599c0-16.414-9.479-21.892-9.479-21.892l-9.478-5.469s-4.744-2.738-4.744-8.207c0-5.486%204.744-2.746%204.744-2.746v-.002L128%2086.23V75.285L109.043%2064.34s-3.556-2.002-7.111-1.977%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/web3js.svg?color=%231a73e8&size=48
