derc logo
derc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- derc-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the derc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd304)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M8.024 4.579A15.7 15.7 0 0 1 12 4c1.092 0 2.668.198 3.976.579c.655.188 1.271.433 1.742.734c.442.292.87.725.87 1.318v9.068c0 .41-.179.804-.503 1.073a27 27 0 0 1-2.65 1.9a13.4 13.4 0 0 1-1.736.919c-.57.235-1.163.409-1.7.409s-1.128-.17-1.698-.41a13 13 0 0 1-1.741-.917a27 27 0 0 1-2.645-1.901a1.38 1.38 0 0 1-.503-1.073V6.635c0-.593.423-1.026.875-1.317c.466-.302 1.082-.546 1.737-.734zM6.8 6.104c-.372.24-.447.423-.447.527v9.068c0 .141.061.263.155.343c.494.396 1.473 1.163 2.55 1.83q.77.486 1.606.848c.42.196.873.311 1.336.339a3.7 3.7 0 0 0 1.336-.34q.835-.36 1.605-.846a26 26 0 0 0 2.55-1.835a.43.43 0 0 0 .156-.34V6.636c0-.099-.075-.282-.447-.527a5.7 5.7 0 0 0-1.482-.62A14.8 14.8 0 0 0 12 4.942c-1.007 0-2.494.188-3.718.541c-.611.18-1.13.39-1.482.622"/><path fill="#fff" d="M8.024 10.338L6 12.52v3.897h1.614c1.67-.4 2.654-1.261 2.937-1.643c.41.34 1.2.245 1.543.16h1.153c.513 0 .405.64.212.923c-.16.23-.457.574-.621.762h-.452a.16.16 0 0 0-.113.047c-.325.297-.461.72-.503.988c-.015.095.06.165.155.165h.57l.804-.612a.43.43 0 0 0 .31.113c.354 0 .377-.602.485-.903c.207-.603.433-.923.433-1.436c0-.658-.555-.86-.847-.884c-.423-.029-.442-.273-.207-.49c.226-.207.598-.517.795-.423c.287.14.537.57.66.847c.098.221.22.254.267.244v.156c-.16.023-.414.376-.362.602c.127.527.395.861.579.861c.15 0 .315-.357.381-.54c.108-.264.235-.97.174-1.422c-.028-.217-.687-.706-.936-.983a2.5 2.5 0 0 1-.26-.33c-.206-.395-.484-.47-.625-.47c-.362 0-.574.371-.918.371c-.762 0-.72-1.139-.71-1.308c.01-.165-.01-.264-.301-.532c-.287-.263-.297-1.035.127-1.035c.334 0 .447.518.46.772c.034.386 0 1.374.744 1.374c.607 0 .772-1.53.833-2s.283-1.177.579-1.177c.235 0 .292.424.287.636c.678-1.069-.546-1.67-.72-1.807c-.141-.109-.174-.24-.174-.292v-.367c-.127.113-.438.094-.579.07c-.503-.842-1.699-.48-2.451-.38c-.32-.424-.594-.302-.692-.19l-.504.712a.42.42 0 0 1-.343.174H8.94c.494.136.772.644.269.847c-.405.15-.768-.16-.895-.34c-.037.33.095.556.278.806c.282.385.174.527.07.55c-.677-.056-1.171.593-1.246.612c.757-.122.814.47.611.692z"/></g><defs><clipPath id="SVGHcSWxdhd304"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDercBackground(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"><g clipPath="url(#SVGHcSWxdhd304)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M8.024 4.579A15.7 15.7 0 0 1 12 4c1.092 0 2.668.198 3.976.579c.655.188 1.271.433 1.742.734c.442.292.87.725.87 1.318v9.068c0 .41-.179.804-.503 1.073a27 27 0 0 1-2.65 1.9a13.4 13.4 0 0 1-1.736.919c-.57.235-1.163.409-1.7.409s-1.128-.17-1.698-.41a13 13 0 0 1-1.741-.917a27 27 0 0 1-2.645-1.901a1.38 1.38 0 0 1-.503-1.073V6.635c0-.593.423-1.026.875-1.317c.466-.302 1.082-.546 1.737-.734zM6.8 6.104c-.372.24-.447.423-.447.527v9.068c0 .141.061.263.155.343c.494.396 1.473 1.163 2.55 1.83q.77.486 1.606.848c.42.196.873.311 1.336.339a3.7 3.7 0 0 0 1.336-.34q.835-.36 1.605-.846a26 26 0 0 0 2.55-1.835a.43.43 0 0 0 .156-.34V6.636c0-.099-.075-.282-.447-.527a5.7 5.7 0 0 0-1.482-.62A14.8 14.8 0 0 0 12 4.942c-1.007 0-2.494.188-3.718.541c-.611.18-1.13.39-1.482.622"/><path fill="#fff" d="M8.024 10.338L6 12.52v3.897h1.614c1.67-.4 2.654-1.261 2.937-1.643c.41.34 1.2.245 1.543.16h1.153c.513 0 .405.64.212.923c-.16.23-.457.574-.621.762h-.452a.16.16 0 0 0-.113.047c-.325.297-.461.72-.503.988c-.015.095.06.165.155.165h.57l.804-.612a.43.43 0 0 0 .31.113c.354 0 .377-.602.485-.903c.207-.603.433-.923.433-1.436c0-.658-.555-.86-.847-.884c-.423-.029-.442-.273-.207-.49c.226-.207.598-.517.795-.423c.287.14.537.57.66.847c.098.221.22.254.267.244v.156c-.16.023-.414.376-.362.602c.127.527.395.861.579.861c.15 0 .315-.357.381-.54c.108-.264.235-.97.174-1.422c-.028-.217-.687-.706-.936-.983a2.5 2.5 0 0 1-.26-.33c-.206-.395-.484-.47-.625-.47c-.362 0-.574.371-.918.371c-.762 0-.72-1.139-.71-1.308c.01-.165-.01-.264-.301-.532c-.287-.263-.297-1.035.127-1.035c.334 0 .447.518.46.772c.034.386 0 1.374.744 1.374c.607 0 .772-1.53.833-2s.283-1.177.579-1.177c.235 0 .292.424.287.636c.678-1.069-.546-1.67-.72-1.807c-.141-.109-.174-.24-.174-.292v-.367c-.127.113-.438.094-.579.07c-.503-.842-1.699-.48-2.451-.38c-.32-.424-.594-.302-.692-.19l-.504.712a.42.42 0 0 1-.343.174H8.94c.494.136.772.644.269.847c-.405.15-.768-.16-.895-.34c-.037.33.095.556.278.806c.282.385.174.527.07.55c-.677-.056-1.171.593-1.246.612c.757-.122.814.47.611.692z"/></g><defs><clipPath id="SVGHcSWxdhd304"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd304)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M8.024 4.579A15.7 15.7 0 0 1 12 4c1.092 0 2.668.198 3.976.579c.655.188 1.271.433 1.742.734c.442.292.87.725.87 1.318v9.068c0 .41-.179.804-.503 1.073a27 27 0 0 1-2.65 1.9a13.4 13.4 0 0 1-1.736.919c-.57.235-1.163.409-1.7.409s-1.128-.17-1.698-.41a13 13 0 0 1-1.741-.917a27 27 0 0 1-2.645-1.901a1.38 1.38 0 0 1-.503-1.073V6.635c0-.593.423-1.026.875-1.317c.466-.302 1.082-.546 1.737-.734zM6.8 6.104c-.372.24-.447.423-.447.527v9.068c0 .141.061.263.155.343c.494.396 1.473 1.163 2.55 1.83q.77.486 1.606.848c.42.196.873.311 1.336.339a3.7 3.7 0 0 0 1.336-.34q.835-.36 1.605-.846a26 26 0 0 0 2.55-1.835a.43.43 0 0 0 .156-.34V6.636c0-.099-.075-.282-.447-.527a5.7 5.7 0 0 0-1.482-.62A14.8 14.8 0 0 0 12 4.942c-1.007 0-2.494.188-3.718.541c-.611.18-1.13.39-1.482.622"/><path fill="#fff" d="M8.024 10.338L6 12.52v3.897h1.614c1.67-.4 2.654-1.261 2.937-1.643c.41.34 1.2.245 1.543.16h1.153c.513 0 .405.64.212.923c-.16.23-.457.574-.621.762h-.452a.16.16 0 0 0-.113.047c-.325.297-.461.72-.503.988c-.015.095.06.165.155.165h.57l.804-.612a.43.43 0 0 0 .31.113c.354 0 .377-.602.485-.903c.207-.603.433-.923.433-1.436c0-.658-.555-.86-.847-.884c-.423-.029-.442-.273-.207-.49c.226-.207.598-.517.795-.423c.287.14.537.57.66.847c.098.221.22.254.267.244v.156c-.16.023-.414.376-.362.602c.127.527.395.861.579.861c.15 0 .315-.357.381-.54c.108-.264.235-.97.174-1.422c-.028-.217-.687-.706-.936-.983a2.5 2.5 0 0 1-.26-.33c-.206-.395-.484-.47-.625-.47c-.362 0-.574.371-.918.371c-.762 0-.72-1.139-.71-1.308c.01-.165-.01-.264-.301-.532c-.287-.263-.297-1.035.127-1.035c.334 0 .447.518.46.772c.034.386 0 1.374.744 1.374c.607 0 .772-1.53.833-2s.283-1.177.579-1.177c.235 0 .292.424.287.636c.678-1.069-.546-1.67-.72-1.807c-.141-.109-.174-.24-.174-.292v-.367c-.127.113-.438.094-.579.07c-.503-.842-1.699-.48-2.451-.38c-.32-.424-.594-.302-.692-.19l-.504.712a.42.42 0 0 1-.343.174H8.94c.494.136.772.644.269.847c-.405.15-.768-.16-.895-.34c-.037.33.095.556.278.806c.282.385.174.527.07.55c-.677-.056-1.171.593-1.246.612c.757-.122.814.47.611.692z"/></g><defs><clipPath id="SVGHcSWxdhd304"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-derc-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd304)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.024%204.579A15.7%2015.7%200%200%201%2012%204c1.092%200%202.668.198%203.976.579c.655.188%201.271.433%201.742.734c.442.292.87.725.87%201.318v9.068c0%20.41-.179.804-.503%201.073a27%2027%200%200%201-2.65%201.9a13.4%2013.4%200%200%201-1.736.919c-.57.235-1.163.409-1.7.409s-1.128-.17-1.698-.41a13%2013%200%200%201-1.741-.917a27%2027%200%200%201-2.645-1.901a1.38%201.38%200%200%201-.503-1.073V6.635c0-.593.423-1.026.875-1.317c.466-.302%201.082-.546%201.737-.734zM6.8%206.104c-.372.24-.447.423-.447.527v9.068c0%20.141.061.263.155.343c.494.396%201.473%201.163%202.55%201.83q.77.486%201.606.848c.42.196.873.311%201.336.339a3.7%203.7%200%200%200%201.336-.34q.835-.36%201.605-.846a26%2026%200%200%200%202.55-1.835a.43.43%200%200%200%20.156-.34V6.636c0-.099-.075-.282-.447-.527a5.7%205.7%200%200%200-1.482-.62A14.8%2014.8%200%200%200%2012%204.942c-1.007%200-2.494.188-3.718.541c-.611.18-1.13.39-1.482.622%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.024%2010.338L6%2012.52v3.897h1.614c1.67-.4%202.654-1.261%202.937-1.643c.41.34%201.2.245%201.543.16h1.153c.513%200%20.405.64.212.923c-.16.23-.457.574-.621.762h-.452a.16.16%200%200%200-.113.047c-.325.297-.461.72-.503.988c-.015.095.06.165.155.165h.57l.804-.612a.43.43%200%200%200%20.31.113c.354%200%20.377-.602.485-.903c.207-.603.433-.923.433-1.436c0-.658-.555-.86-.847-.884c-.423-.029-.442-.273-.207-.49c.226-.207.598-.517.795-.423c.287.14.537.57.66.847c.098.221.22.254.267.244v.156c-.16.023-.414.376-.362.602c.127.527.395.861.579.861c.15%200%20.315-.357.381-.54c.108-.264.235-.97.174-1.422c-.028-.217-.687-.706-.936-.983a2.5%202.5%200%200%201-.26-.33c-.206-.395-.484-.47-.625-.47c-.362%200-.574.371-.918.371c-.762%200-.72-1.139-.71-1.308c.01-.165-.01-.264-.301-.532c-.287-.263-.297-1.035.127-1.035c.334%200%20.447.518.46.772c.034.386%200%201.374.744%201.374c.607%200%20.772-1.53.833-2s.283-1.177.579-1.177c.235%200%20.292.424.287.636c.678-1.069-.546-1.67-.72-1.807c-.141-.109-.174-.24-.174-.292v-.367c-.127.113-.438.094-.579.07c-.503-.842-1.699-.48-2.451-.38c-.32-.424-.594-.302-.692-.19l-.504.712a.42.42%200%200%201-.343.174H8.94c.494.136.772.644.269.847c-.405.15-.768-.16-.895-.34c-.037.33.095.556.278.806c.282.385.174.527.07.55c-.677-.056-1.171.593-1.246.612c.757-.122.814.47.611.692z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd304%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd304)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.024%204.579A15.7%2015.7%200%200%201%2012%204c1.092%200%202.668.198%203.976.579c.655.188%201.271.433%201.742.734c.442.292.87.725.87%201.318v9.068c0%20.41-.179.804-.503%201.073a27%2027%200%200%201-2.65%201.9a13.4%2013.4%200%200%201-1.736.919c-.57.235-1.163.409-1.7.409s-1.128-.17-1.698-.41a13%2013%200%200%201-1.741-.917a27%2027%200%200%201-2.645-1.901a1.38%201.38%200%200%201-.503-1.073V6.635c0-.593.423-1.026.875-1.317c.466-.302%201.082-.546%201.737-.734zM6.8%206.104c-.372.24-.447.423-.447.527v9.068c0%20.141.061.263.155.343c.494.396%201.473%201.163%202.55%201.83q.77.486%201.606.848c.42.196.873.311%201.336.339a3.7%203.7%200%200%200%201.336-.34q.835-.36%201.605-.846a26%2026%200%200%200%202.55-1.835a.43.43%200%200%200%20.156-.34V6.636c0-.099-.075-.282-.447-.527a5.7%205.7%200%200%200-1.482-.62A14.8%2014.8%200%200%200%2012%204.942c-1.007%200-2.494.188-3.718.541c-.611.18-1.13.39-1.482.622%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.024%2010.338L6%2012.52v3.897h1.614c1.67-.4%202.654-1.261%202.937-1.643c.41.34%201.2.245%201.543.16h1.153c.513%200%20.405.64.212.923c-.16.23-.457.574-.621.762h-.452a.16.16%200%200%200-.113.047c-.325.297-.461.72-.503.988c-.015.095.06.165.155.165h.57l.804-.612a.43.43%200%200%200%20.31.113c.354%200%20.377-.602.485-.903c.207-.603.433-.923.433-1.436c0-.658-.555-.86-.847-.884c-.423-.029-.442-.273-.207-.49c.226-.207.598-.517.795-.423c.287.14.537.57.66.847c.098.221.22.254.267.244v.156c-.16.023-.414.376-.362.602c.127.527.395.861.579.861c.15%200%20.315-.357.381-.54c.108-.264.235-.97.174-1.422c-.028-.217-.687-.706-.936-.983a2.5%202.5%200%200%201-.26-.33c-.206-.395-.484-.47-.625-.47c-.362%200-.574.371-.918.371c-.762%200-.72-1.139-.71-1.308c.01-.165-.01-.264-.301-.532c-.287-.263-.297-1.035.127-1.035c.334%200%20.447.518.46.772c.034.386%200%201.374.744%201.374c.607%200%20.772-1.53.833-2s.283-1.177.579-1.177c.235%200%20.292.424.287.636c.678-1.069-.546-1.67-.72-1.807c-.141-.109-.174-.24-.174-.292v-.367c-.127.113-.438.094-.579.07c-.503-.842-1.699-.48-2.451-.38c-.32-.424-.594-.302-.692-.19l-.504.712a.42.42%200%200%201-.343.174H8.94c.494.136.772.644.269.847c-.405.15-.768-.16-.895-.34c-.037.33.095.556.278.806c.282.385.174.527.07.55c-.677-.056-1.171.593-1.246.612c.757-.122.814.47.611.692z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd304%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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/derc-background.svg?color=%231a73e8&size=48
