drep logo

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

Name: drep
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

Use the drep logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#014a7f"><path d="M3 19.873L5.48 9.186h2.723l.63-2.813h2.723l.512-2.2c7.987-.584 9.242 4.388 8.876 6.948c-1.176 6.829-7.105 8.752-10.519 8.752z"/><path d="M19.623 9.402c-.9-3.882-4.788-4.371-6.621-4.152l-.287 1.125c5.54.118 5.833 4.135 5.248 6.059c-1.316 3.841-5.546 5.192-7.234 5.192h-4.5l1.705-7.313H6.359L4.457 18.75H9.75c3.038 0 4.714-.788 5.57-1.272c1.861-1.057 5.208-4.19 4.308-8.077z"/><path d="M13.423 7.5h-3.73l-.365 1.688h3.82c.765 0 1.9.4 1.8 1.783c-.113 1.48-1.598 2.245-2.33 2.441l.8 2.453c1.198-.461 3.538-2.194 3.639-4.753S14.548 7.5 13.417 7.5z"/><path d="M7.636 16.499L9.11 10.31h2.604c.72 0 1.958-.073 1.88.844c-.085.995-1.289 1.187-1.88 1.158h-2.08l-.254 1.08h1.856l.827 2.937c-.264.084-.664.169-.827.169z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedDrep(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#014a7f"><path d="M3 19.873L5.48 9.186h2.723l.63-2.813h2.723l.512-2.2c7.987-.584 9.242 4.388 8.876 6.948c-1.176 6.829-7.105 8.752-10.519 8.752z"/><path d="M19.623 9.402c-.9-3.882-4.788-4.371-6.621-4.152l-.287 1.125c5.54.118 5.833 4.135 5.248 6.059c-1.316 3.841-5.546 5.192-7.234 5.192h-4.5l1.705-7.313H6.359L4.457 18.75H9.75c3.038 0 4.714-.788 5.57-1.272c1.861-1.057 5.208-4.19 4.308-8.077z"/><path d="M13.423 7.5h-3.73l-.365 1.688h3.82c.765 0 1.9.4 1.8 1.783c-.113 1.48-1.598 2.245-2.33 2.441l.8 2.453c1.198-.461 3.538-2.194 3.639-4.753S14.548 7.5 13.417 7.5z"/><path d="M7.636 16.499L9.11 10.31h2.604c.72 0 1.958-.073 1.88.844c-.085.995-1.289 1.187-1.88 1.158h-2.08l-.254 1.08h1.856l.827 2.937c-.264.084-.664.169-.827.169z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#014a7f"><path d="M3 19.873L5.48 9.186h2.723l.63-2.813h2.723l.512-2.2c7.987-.584 9.242 4.388 8.876 6.948c-1.176 6.829-7.105 8.752-10.519 8.752z"/><path d="M19.623 9.402c-.9-3.882-4.788-4.371-6.621-4.152l-.287 1.125c5.54.118 5.833 4.135 5.248 6.059c-1.316 3.841-5.546 5.192-7.234 5.192h-4.5l1.705-7.313H6.359L4.457 18.75H9.75c3.038 0 4.714-.788 5.57-1.272c1.861-1.057 5.208-4.19 4.308-8.077z"/><path d="M13.423 7.5h-3.73l-.365 1.688h3.82c.765 0 1.9.4 1.8 1.783c-.113 1.48-1.598 2.245-2.33 2.441l.8 2.453c1.198-.461 3.538-2.194 3.639-4.753S14.548 7.5 13.417 7.5z"/><path d="M7.636 16.499L9.11 10.31h2.604c.72 0 1.958-.073 1.88.844c-.085.995-1.289 1.187-1.88 1.158h-2.08l-.254 1.08h1.856l.827 2.937c-.264.084-.664.169-.827.169z"/></g></svg>
</template>

CSS

.icon-drep {
  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%22%23014a7f%22%3E%3Cpath%20d%3D%22M3%2019.873L5.48%209.186h2.723l.63-2.813h2.723l.512-2.2c7.987-.584%209.242%204.388%208.876%206.948c-1.176%206.829-7.105%208.752-10.519%208.752z%22%2F%3E%3Cpath%20d%3D%22M19.623%209.402c-.9-3.882-4.788-4.371-6.621-4.152l-.287%201.125c5.54.118%205.833%204.135%205.248%206.059c-1.316%203.841-5.546%205.192-7.234%205.192h-4.5l1.705-7.313H6.359L4.457%2018.75H9.75c3.038%200%204.714-.788%205.57-1.272c1.861-1.057%205.208-4.19%204.308-8.077z%22%2F%3E%3Cpath%20d%3D%22M13.423%207.5h-3.73l-.365%201.688h3.82c.765%200%201.9.4%201.8%201.783c-.113%201.48-1.598%202.245-2.33%202.441l.8%202.453c1.198-.461%203.538-2.194%203.639-4.753S14.548%207.5%2013.417%207.5z%22%2F%3E%3Cpath%20d%3D%22M7.636%2016.499L9.11%2010.31h2.604c.72%200%201.958-.073%201.88.844c-.085.995-1.289%201.187-1.88%201.158h-2.08l-.254%201.08h1.856l.827%202.937c-.264.084-.664.169-.827.169z%22%2F%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%22%23014a7f%22%3E%3Cpath%20d%3D%22M3%2019.873L5.48%209.186h2.723l.63-2.813h2.723l.512-2.2c7.987-.584%209.242%204.388%208.876%206.948c-1.176%206.829-7.105%208.752-10.519%208.752z%22%2F%3E%3Cpath%20d%3D%22M19.623%209.402c-.9-3.882-4.788-4.371-6.621-4.152l-.287%201.125c5.54.118%205.833%204.135%205.248%206.059c-1.316%203.841-5.546%205.192-7.234%205.192h-4.5l1.705-7.313H6.359L4.457%2018.75H9.75c3.038%200%204.714-.788%205.57-1.272c1.861-1.057%205.208-4.19%204.308-8.077z%22%2F%3E%3Cpath%20d%3D%22M13.423%207.5h-3.73l-.365%201.688h3.82c.765%200%201.9.4%201.8%201.783c-.113%201.48-1.598%202.245-2.33%202.441l.8%202.453c1.198-.461%203.538-2.194%203.639-4.753S14.548%207.5%2013.417%207.5z%22%2F%3E%3Cpath%20d%3D%22M7.636%2016.499L9.11%2010.31h2.604c.72%200%201.958-.073%201.88.844c-.085.995-1.289%201.187-1.88%201.158h-2.08l-.254%201.08h1.856l.827%202.937c-.264.084-.664.169-.827.169z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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