Web3js icon
devicon:web3js
The Web3js icon (devicon:web3js) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" 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>How to use the Web3js icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:web3js" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:web3js" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:web3js" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--web3js]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:web3js"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:web3js"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/web3js.svg" alt="Web3js icon" width="24" height="24">Web3js icon in other icon sets
Web3js icon FAQ
Is the Web3js icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Web3js icon in React?
Install @iconify/react and render <Icon icon="devicon:web3js" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Web3js icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/web3js.svg" alt="Web3js icon">, or paste the SVG code inline to style it with CSS.