web3js logo

web3js from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
web3js
Set
SVG Logos
Style
Color
Viewbox
256×240
License
CC0

The same logo in other sets

web3jsDevicon

Use the web3js logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 240"><path fill="#808285" d="M85.367 43.784S75.88 49.262 75.88 60.2v54.67s0 10.955-9.487 5.478s-9.487-16.415-9.487-16.415v-54.67q0-1.024.102-1.997c1.041-9.623 9.368-14.435 9.368-14.435L47.42 21.892s-.017 0-.034.017c-.563.324-9.453 5.802-9.453 16.398v54.67s0 10.955-9.488 5.478s-9.487-16.415-9.487-16.415V27.37c0-10.938 9.487-16.415 9.487-16.415L9.487 0S0 5.477 0 16.415v54.67s0 32.847 28.444 49.262c8.72 5.034 14.76 5.426 18.958 3.566c4.197 6.706 10.238 13.293 18.957 18.326c28.444 16.415 28.444-16.415 28.444-16.415v-54.67c0-10.955 9.488-16.415 9.488-16.415q-4.375-5.502-7.78-7.474q-2.903-1.68-11.144-3.48"/><path fill="#bcbec0" d="M189.641 136.813c0-32.42 28.444-16.415 28.444-16.415L256 142.29v21.893l-37.915-21.893s-.12-.069-.331-.176l-.125-.061c-1.894-.926-9.03-3.784-9.03 5.732c0 10.937 9.486 16.415 9.486 16.415l18.958 10.937S256 186.092 256 218.922s-28.444 16.414-28.444 16.414l-37.915-21.892v-21.892l37.932 21.892s9.487 5.478 9.487-5.477c0-10.938-9.487-16.415-9.487-16.415l-9.488-5.477c-.566-.339-28.444-17.166-28.444-49.262M161.197 87.57q8.503.977 11.53 2.726q3.292 1.902 7.427 8.228s-9.487 5.478-9.487 16.415l-.001 54.757c-.025 1.84-.853 32.251-28.444 16.329c-27.59-15.923-28.419-47.306-28.443-49.175l-.001-.087l18.957 10.955v.036c.01.695.32 11.086 9.487 16.378c9.197 5.31 9.479-4.822 9.487-5.447v-54.7c0-10.938 9.488-16.415 9.488-16.415m-47.385 5.596l18.957 10.938v21.892l-18.957-10.937z"/><path fill="#f16822" d="M218.085 43.784c-8.736-5.05-16.568-7.508-23.24-8.497c-1.74-3.805-6.006-8.276-14.674-13.224c-28.445-16.244-56.872-.17-56.872-.17l-37.932 21.89l18.958 10.938l37.914-21.892s9.487-5.478 18.958 0c9.487 5.477 0 10.954 0 10.954l-37.915 21.892l18.957 10.938l37.949-21.91c.563-.323 9.743-5.289 18.923.018c9.487 5.477 0 10.937 0 10.937l-37.914 21.893l18.957 10.954l47.402-27.37s18.957-10.937-9.47-27.352"/></svg>

React

import type { SVGProps } from "react";

export function LogosWeb3js(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 240"><path fill="#808285" d="M85.367 43.784S75.88 49.262 75.88 60.2v54.67s0 10.955-9.487 5.478s-9.487-16.415-9.487-16.415v-54.67q0-1.024.102-1.997c1.041-9.623 9.368-14.435 9.368-14.435L47.42 21.892s-.017 0-.034.017c-.563.324-9.453 5.802-9.453 16.398v54.67s0 10.955-9.488 5.478s-9.487-16.415-9.487-16.415V27.37c0-10.938 9.487-16.415 9.487-16.415L9.487 0S0 5.477 0 16.415v54.67s0 32.847 28.444 49.262c8.72 5.034 14.76 5.426 18.958 3.566c4.197 6.706 10.238 13.293 18.957 18.326c28.444 16.415 28.444-16.415 28.444-16.415v-54.67c0-10.955 9.488-16.415 9.488-16.415q-4.375-5.502-7.78-7.474q-2.903-1.68-11.144-3.48"/><path fill="#bcbec0" d="M189.641 136.813c0-32.42 28.444-16.415 28.444-16.415L256 142.29v21.893l-37.915-21.893s-.12-.069-.331-.176l-.125-.061c-1.894-.926-9.03-3.784-9.03 5.732c0 10.937 9.486 16.415 9.486 16.415l18.958 10.937S256 186.092 256 218.922s-28.444 16.414-28.444 16.414l-37.915-21.892v-21.892l37.932 21.892s9.487 5.478 9.487-5.477c0-10.938-9.487-16.415-9.487-16.415l-9.488-5.477c-.566-.339-28.444-17.166-28.444-49.262M161.197 87.57q8.503.977 11.53 2.726q3.292 1.902 7.427 8.228s-9.487 5.478-9.487 16.415l-.001 54.757c-.025 1.84-.853 32.251-28.444 16.329c-27.59-15.923-28.419-47.306-28.443-49.175l-.001-.087l18.957 10.955v.036c.01.695.32 11.086 9.487 16.378c9.197 5.31 9.479-4.822 9.487-5.447v-54.7c0-10.938 9.488-16.415 9.488-16.415m-47.385 5.596l18.957 10.938v21.892l-18.957-10.937z"/><path fill="#f16822" d="M218.085 43.784c-8.736-5.05-16.568-7.508-23.24-8.497c-1.74-3.805-6.006-8.276-14.674-13.224c-28.445-16.244-56.872-.17-56.872-.17l-37.932 21.89l18.958 10.938l37.914-21.892s9.487-5.478 18.958 0c9.487 5.477 0 10.954 0 10.954l-37.915 21.892l18.957 10.938l37.949-21.91c.563-.323 9.743-5.289 18.923.018c9.487 5.477 0 10.937 0 10.937l-37.914 21.893l18.957 10.954l47.402-27.37s18.957-10.937-9.47-27.352"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 240"><path fill="#808285" d="M85.367 43.784S75.88 49.262 75.88 60.2v54.67s0 10.955-9.487 5.478s-9.487-16.415-9.487-16.415v-54.67q0-1.024.102-1.997c1.041-9.623 9.368-14.435 9.368-14.435L47.42 21.892s-.017 0-.034.017c-.563.324-9.453 5.802-9.453 16.398v54.67s0 10.955-9.488 5.478s-9.487-16.415-9.487-16.415V27.37c0-10.938 9.487-16.415 9.487-16.415L9.487 0S0 5.477 0 16.415v54.67s0 32.847 28.444 49.262c8.72 5.034 14.76 5.426 18.958 3.566c4.197 6.706 10.238 13.293 18.957 18.326c28.444 16.415 28.444-16.415 28.444-16.415v-54.67c0-10.955 9.488-16.415 9.488-16.415q-4.375-5.502-7.78-7.474q-2.903-1.68-11.144-3.48"/><path fill="#bcbec0" d="M189.641 136.813c0-32.42 28.444-16.415 28.444-16.415L256 142.29v21.893l-37.915-21.893s-.12-.069-.331-.176l-.125-.061c-1.894-.926-9.03-3.784-9.03 5.732c0 10.937 9.486 16.415 9.486 16.415l18.958 10.937S256 186.092 256 218.922s-28.444 16.414-28.444 16.414l-37.915-21.892v-21.892l37.932 21.892s9.487 5.478 9.487-5.477c0-10.938-9.487-16.415-9.487-16.415l-9.488-5.477c-.566-.339-28.444-17.166-28.444-49.262M161.197 87.57q8.503.977 11.53 2.726q3.292 1.902 7.427 8.228s-9.487 5.478-9.487 16.415l-.001 54.757c-.025 1.84-.853 32.251-28.444 16.329c-27.59-15.923-28.419-47.306-28.443-49.175l-.001-.087l18.957 10.955v.036c.01.695.32 11.086 9.487 16.378c9.197 5.31 9.479-4.822 9.487-5.447v-54.7c0-10.938 9.488-16.415 9.488-16.415m-47.385 5.596l18.957 10.938v21.892l-18.957-10.937z"/><path fill="#f16822" d="M218.085 43.784c-8.736-5.05-16.568-7.508-23.24-8.497c-1.74-3.805-6.006-8.276-14.674-13.224c-28.445-16.244-56.872-.17-56.872-.17l-37.932 21.89l18.958 10.938l37.914-21.892s9.487-5.478 18.958 0c9.487 5.477 0 10.954 0 10.954l-37.915 21.892l18.957 10.938l37.949-21.91c.563-.323 9.743-5.289 18.923.018c9.487 5.477 0 10.937 0 10.937l-37.914 21.893l18.957 10.954l47.402-27.37s18.957-10.937-9.47-27.352"/></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%20256%20240%22%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M85.367%2043.784S75.88%2049.262%2075.88%2060.2v54.67s0%2010.955-9.487%205.478s-9.487-16.415-9.487-16.415v-54.67q0-1.024.102-1.997c1.041-9.623%209.368-14.435%209.368-14.435L47.42%2021.892s-.017%200-.034.017c-.563.324-9.453%205.802-9.453%2016.398v54.67s0%2010.955-9.488%205.478s-9.487-16.415-9.487-16.415V27.37c0-10.938%209.487-16.415%209.487-16.415L9.487%200S0%205.477%200%2016.415v54.67s0%2032.847%2028.444%2049.262c8.72%205.034%2014.76%205.426%2018.958%203.566c4.197%206.706%2010.238%2013.293%2018.957%2018.326c28.444%2016.415%2028.444-16.415%2028.444-16.415v-54.67c0-10.955%209.488-16.415%209.488-16.415q-4.375-5.502-7.78-7.474q-2.903-1.68-11.144-3.48%22%2F%3E%3Cpath%20fill%3D%22%23bcbec0%22%20d%3D%22M189.641%20136.813c0-32.42%2028.444-16.415%2028.444-16.415L256%20142.29v21.893l-37.915-21.893s-.12-.069-.331-.176l-.125-.061c-1.894-.926-9.03-3.784-9.03%205.732c0%2010.937%209.486%2016.415%209.486%2016.415l18.958%2010.937S256%20186.092%20256%20218.922s-28.444%2016.414-28.444%2016.414l-37.915-21.892v-21.892l37.932%2021.892s9.487%205.478%209.487-5.477c0-10.938-9.487-16.415-9.487-16.415l-9.488-5.477c-.566-.339-28.444-17.166-28.444-49.262M161.197%2087.57q8.503.977%2011.53%202.726q3.292%201.902%207.427%208.228s-9.487%205.478-9.487%2016.415l-.001%2054.757c-.025%201.84-.853%2032.251-28.444%2016.329c-27.59-15.923-28.419-47.306-28.443-49.175l-.001-.087l18.957%2010.955v.036c.01.695.32%2011.086%209.487%2016.378c9.197%205.31%209.479-4.822%209.487-5.447v-54.7c0-10.938%209.488-16.415%209.488-16.415m-47.385%205.596l18.957%2010.938v21.892l-18.957-10.937z%22%2F%3E%3Cpath%20fill%3D%22%23f16822%22%20d%3D%22M218.085%2043.784c-8.736-5.05-16.568-7.508-23.24-8.497c-1.74-3.805-6.006-8.276-14.674-13.224c-28.445-16.244-56.872-.17-56.872-.17l-37.932%2021.89l18.958%2010.938l37.914-21.892s9.487-5.478%2018.958%200c9.487%205.477%200%2010.954%200%2010.954l-37.915%2021.892l18.957%2010.938l37.949-21.91c.563-.323%209.743-5.289%2018.923.018c9.487%205.477%200%2010.937%200%2010.937l-37.914%2021.893l18.957%2010.954l47.402-27.37s18.957-10.937-9.47-27.352%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%20256%20240%22%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M85.367%2043.784S75.88%2049.262%2075.88%2060.2v54.67s0%2010.955-9.487%205.478s-9.487-16.415-9.487-16.415v-54.67q0-1.024.102-1.997c1.041-9.623%209.368-14.435%209.368-14.435L47.42%2021.892s-.017%200-.034.017c-.563.324-9.453%205.802-9.453%2016.398v54.67s0%2010.955-9.488%205.478s-9.487-16.415-9.487-16.415V27.37c0-10.938%209.487-16.415%209.487-16.415L9.487%200S0%205.477%200%2016.415v54.67s0%2032.847%2028.444%2049.262c8.72%205.034%2014.76%205.426%2018.958%203.566c4.197%206.706%2010.238%2013.293%2018.957%2018.326c28.444%2016.415%2028.444-16.415%2028.444-16.415v-54.67c0-10.955%209.488-16.415%209.488-16.415q-4.375-5.502-7.78-7.474q-2.903-1.68-11.144-3.48%22%2F%3E%3Cpath%20fill%3D%22%23bcbec0%22%20d%3D%22M189.641%20136.813c0-32.42%2028.444-16.415%2028.444-16.415L256%20142.29v21.893l-37.915-21.893s-.12-.069-.331-.176l-.125-.061c-1.894-.926-9.03-3.784-9.03%205.732c0%2010.937%209.486%2016.415%209.486%2016.415l18.958%2010.937S256%20186.092%20256%20218.922s-28.444%2016.414-28.444%2016.414l-37.915-21.892v-21.892l37.932%2021.892s9.487%205.478%209.487-5.477c0-10.938-9.487-16.415-9.487-16.415l-9.488-5.477c-.566-.339-28.444-17.166-28.444-49.262M161.197%2087.57q8.503.977%2011.53%202.726q3.292%201.902%207.427%208.228s-9.487%205.478-9.487%2016.415l-.001%2054.757c-.025%201.84-.853%2032.251-28.444%2016.329c-27.59-15.923-28.419-47.306-28.443-49.175l-.001-.087l18.957%2010.955v.036c.01.695.32%2011.086%209.487%2016.378c9.197%205.31%209.479-4.822%209.487-5.447v-54.7c0-10.938%209.488-16.415%209.488-16.415m-47.385%205.596l18.957%2010.938v21.892l-18.957-10.937z%22%2F%3E%3Cpath%20fill%3D%22%23f16822%22%20d%3D%22M218.085%2043.784c-8.736-5.05-16.568-7.508-23.24-8.497c-1.74-3.805-6.006-8.276-14.674-13.224c-28.445-16.244-56.872-.17-56.872-.17l-37.932%2021.89l18.958%2010.938l37.914-21.892s9.487-5.478%2018.958%200c9.487%205.477%200%2010.954%200%2010.954l-37.915%2021.892l18.957%2010.938l37.949-21.91c.563-.323%209.743-5.289%2018.923.018c9.487%205.477%200%2010.937%200%2010.937l-37.914%2021.893l18.957%2010.954l47.402-27.37s18.957-10.937-9.47-27.352%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/web3js.svg?color=%231a73e8&size=48