djed logo

djed from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: djed
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 djed logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGsE1BScsI)" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><path fill="url(#SVG3yBVze8n)" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94M9.183 6.706a.365.365 0 0 0-.36.37c0 .201.159.37.36.37h.223l.312.848h4.595l.297-.847h.2a.35.35 0 0 0 .26-.106a.37.37 0 0 0 .106-.265a.38.38 0 0 0-.106-.265a.36.36 0 0 0-.264-.105zm0 2.117a.365.365 0 0 0-.36.37c0 .202.159.371.36.371h.223l.312.847h4.595l.297-.847h.2a.35.35 0 0 0 .25-.11a.37.37 0 0 0 .105-.266a.38.38 0 0 0-.105-.259a.36.36 0 0 0-.25-.106H9.179zm0 2.118a.366.366 0 0 0-.36.37c0 .202.159.371.36.371h.223l.476.847h4.235l.493-.847h.2a.35.35 0 0 0 .26-.106a.37.37 0 0 0 .106-.265a.38.38 0 0 0-.106-.264a.36.36 0 0 0-.264-.106zm4.934 1.853H9.882v.794h4.235zM9.183 17.61a.365.365 0 0 0-.36.371c0 .207.159.37.355.37h5.633a.35.35 0 0 0 .26-.105a.37.37 0 0 0 .105-.265a.38.38 0 0 0-.106-.265a.36.36 0 0 0-.264-.106h-.17c-.222-.227-.519-.953-.519-2.446v-1.048H12.53v3.706h-1.06v-3.706H9.882v1.048c0 1.493-.291 2.219-.514 2.452h-.19z" clip-rule="evenodd"/><defs><linearGradient id="SVGsE1BScsI" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#debf54"/><stop offset="1" stop-color="#aa7d2b"/></linearGradient><linearGradient id="SVG3yBVze8n" x1="8.558" x2="13.853" y1="5.382" y2="19.676" gradientUnits="userSpaceOnUse"><stop stop-color="#faca56"/><stop offset="1" stop-color="#c79536"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedDjed(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGsE1BScsI)" fillRule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clipRule="evenodd"/><path fill="url(#SVG3yBVze8n)" fillRule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94M9.183 6.706a.365.365 0 0 0-.36.37c0 .201.159.37.36.37h.223l.312.848h4.595l.297-.847h.2a.35.35 0 0 0 .26-.106a.37.37 0 0 0 .106-.265a.38.38 0 0 0-.106-.265a.36.36 0 0 0-.264-.105zm0 2.117a.365.365 0 0 0-.36.37c0 .202.159.371.36.371h.223l.312.847h4.595l.297-.847h.2a.35.35 0 0 0 .25-.11a.37.37 0 0 0 .105-.266a.38.38 0 0 0-.105-.259a.36.36 0 0 0-.25-.106H9.179zm0 2.118a.366.366 0 0 0-.36.37c0 .202.159.371.36.371h.223l.476.847h4.235l.493-.847h.2a.35.35 0 0 0 .26-.106a.37.37 0 0 0 .106-.265a.38.38 0 0 0-.106-.264a.36.36 0 0 0-.264-.106zm4.934 1.853H9.882v.794h4.235zM9.183 17.61a.365.365 0 0 0-.36.371c0 .207.159.37.355.37h5.633a.35.35 0 0 0 .26-.105a.37.37 0 0 0 .105-.265a.38.38 0 0 0-.106-.265a.36.36 0 0 0-.264-.106h-.17c-.222-.227-.519-.953-.519-2.446v-1.048H12.53v3.706h-1.06v-3.706H9.882v1.048c0 1.493-.291 2.219-.514 2.452h-.19z" clipRule="evenodd"/><defs><linearGradient id="SVGsE1BScsI" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stopColor="#debf54"/><stop offset="1" stopColor="#aa7d2b"/></linearGradient><linearGradient id="SVG3yBVze8n" x1="8.558" x2="13.853" y1="5.382" y2="19.676" gradientUnits="userSpaceOnUse"><stop stopColor="#faca56"/><stop offset="1" stopColor="#c79536"/></linearGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGsE1BScsI)" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><path fill="url(#SVG3yBVze8n)" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94M9.183 6.706a.365.365 0 0 0-.36.37c0 .201.159.37.36.37h.223l.312.848h4.595l.297-.847h.2a.35.35 0 0 0 .26-.106a.37.37 0 0 0 .106-.265a.38.38 0 0 0-.106-.265a.36.36 0 0 0-.264-.105zm0 2.117a.365.365 0 0 0-.36.37c0 .202.159.371.36.371h.223l.312.847h4.595l.297-.847h.2a.35.35 0 0 0 .25-.11a.37.37 0 0 0 .105-.266a.38.38 0 0 0-.105-.259a.36.36 0 0 0-.25-.106H9.179zm0 2.118a.366.366 0 0 0-.36.37c0 .202.159.371.36.371h.223l.476.847h4.235l.493-.847h.2a.35.35 0 0 0 .26-.106a.37.37 0 0 0 .106-.265a.38.38 0 0 0-.106-.264a.36.36 0 0 0-.264-.106zm4.934 1.853H9.882v.794h4.235zM9.183 17.61a.365.365 0 0 0-.36.371c0 .207.159.37.355.37h5.633a.35.35 0 0 0 .26-.105a.37.37 0 0 0 .105-.265a.38.38 0 0 0-.106-.265a.36.36 0 0 0-.264-.106h-.17c-.222-.227-.519-.953-.519-2.446v-1.048H12.53v3.706h-1.06v-3.706H9.882v1.048c0 1.493-.291 2.219-.514 2.452h-.19z" clip-rule="evenodd"/><defs><linearGradient id="SVGsE1BScsI" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#debf54"/><stop offset="1" stop-color="#aa7d2b"/></linearGradient><linearGradient id="SVG3yBVze8n" x1="8.558" x2="13.853" y1="5.382" y2="19.676" gradientUnits="userSpaceOnUse"><stop stop-color="#faca56"/><stop offset="1" stop-color="#c79536"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-djed {
  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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGsE1BScsI)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94m0%20.53a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3yBVze8n)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94M9.183%206.706a.365.365%200%200%200-.36.37c0%20.201.159.37.36.37h.223l.312.848h4.595l.297-.847h.2a.35.35%200%200%200%20.26-.106a.37.37%200%200%200%20.106-.265a.38.38%200%200%200-.106-.265a.36.36%200%200%200-.264-.105zm0%202.117a.365.365%200%200%200-.36.37c0%20.202.159.371.36.371h.223l.312.847h4.595l.297-.847h.2a.35.35%200%200%200%20.25-.11a.37.37%200%200%200%20.105-.266a.38.38%200%200%200-.105-.259a.36.36%200%200%200-.25-.106H9.179zm0%202.118a.366.366%200%200%200-.36.37c0%20.202.159.371.36.371h.223l.476.847h4.235l.493-.847h.2a.35.35%200%200%200%20.26-.106a.37.37%200%200%200%20.106-.265a.38.38%200%200%200-.106-.264a.36.36%200%200%200-.264-.106zm4.934%201.853H9.882v.794h4.235zM9.183%2017.61a.365.365%200%200%200-.36.371c0%20.207.159.37.355.37h5.633a.35.35%200%200%200%20.26-.105a.37.37%200%200%200%20.105-.265a.38.38%200%200%200-.106-.265a.36.36%200%200%200-.264-.106h-.17c-.222-.227-.519-.953-.519-2.446v-1.048H12.53v3.706h-1.06v-3.706H9.882v1.048c0%201.493-.291%202.219-.514%202.452h-.19z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGsE1BScsI%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23debf54%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23aa7d2b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG3yBVze8n%22%20x1%3D%228.558%22%20x2%3D%2213.853%22%20y1%3D%225.382%22%20y2%3D%2219.676%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23faca56%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c79536%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGsE1BScsI)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94m0%20.53a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3yBVze8n)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94M9.183%206.706a.365.365%200%200%200-.36.37c0%20.201.159.37.36.37h.223l.312.848h4.595l.297-.847h.2a.35.35%200%200%200%20.26-.106a.37.37%200%200%200%20.106-.265a.38.38%200%200%200-.106-.265a.36.36%200%200%200-.264-.105zm0%202.117a.365.365%200%200%200-.36.37c0%20.202.159.371.36.371h.223l.312.847h4.595l.297-.847h.2a.35.35%200%200%200%20.25-.11a.37.37%200%200%200%20.105-.266a.38.38%200%200%200-.105-.259a.36.36%200%200%200-.25-.106H9.179zm0%202.118a.366.366%200%200%200-.36.37c0%20.202.159.371.36.371h.223l.476.847h4.235l.493-.847h.2a.35.35%200%200%200%20.26-.106a.37.37%200%200%200%20.106-.265a.38.38%200%200%200-.106-.264a.36.36%200%200%200-.264-.106zm4.934%201.853H9.882v.794h4.235zM9.183%2017.61a.365.365%200%200%200-.36.371c0%20.207.159.37.355.37h5.633a.35.35%200%200%200%20.26-.105a.37.37%200%200%200%20.105-.265a.38.38%200%200%200-.106-.265a.36.36%200%200%200-.264-.106h-.17c-.222-.227-.519-.953-.519-2.446v-1.048H12.53v3.706h-1.06v-3.706H9.882v1.048c0%201.493-.291%202.219-.514%202.452h-.19z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGsE1BScsI%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23debf54%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23aa7d2b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG3yBVze8n%22%20x1%3D%228.558%22%20x2%3D%2213.853%22%20y1%3D%225.382%22%20y2%3D%2219.676%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23faca56%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c79536%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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