dsm logo

dsm-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name
dsm-background
Set
Web3 Icons Branded
Style
Background
Viewbox
24×24
License
MIT

1 other variant in Web3 Icons Branded

dsm

The same logo in other sets

dsmWeb3 Icons

Use the dsm 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(#SVGHcSWxdhd80)"><path fill="url(#SVGpmkLAd0I)" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.74 4.32c.375-.25.76-.32 1.1-.32c2.09 0 4.425 1.105 6.23 2.63c1.794 1.515 3.144 3.52 3.144 5.38c0 1.88-1.45 3.509-3.184 4.639c-1.75 1.14-3.89 1.85-5.455 1.85a3.27 3.27 0 0 1-1.985-.605c-.504-.388-.9-.9-1.15-1.485c-.53-1.15-.65-2.56-.65-3.645c0-3.75.385-5.92.95-7.164a2.94 2.94 0 0 1 1-1.28m-.45 1.525c-.515 1.12-.985 3.185-.985 6.92c0 1.06.2 2.364.675 3.4c.208.52.539.98.965 1.344c.41.3.94.49 1.63.49c1.42 0 3.45-.75 5.125-1.845c1.69-1.1 3-2.57 3-4.15c0-1.6-1.276-3.45-3.02-4.924c-1.73-1.465-3.94-2.58-5.83-2.58c-.255 0-.515.05-.77.22a2.8 2.8 0 0 0-.785 1.125z"/><path fill="#fff" d="M8.775 5.32c.375-.25.76-.32 1.1-.32c2.095 0 4.425 1.105 6.23 2.63c1.794 1.515 3.144 3.52 3.144 5.38c0 1.88-1.45 3.51-3.184 4.639c-1.75 1.14-3.885 1.85-5.455 1.85a3.27 3.27 0 0 1-1.985-.605c-.504-.388-.9-.9-1.15-1.485c-.53-1.15-.65-2.56-.65-3.645c0-3.75.385-5.92.95-7.164a2.94 2.94 0 0 1 1-1.28m-.45 1.525c-.515 1.12-.985 3.185-.985 6.92c0 1.06.2 2.364.675 3.399c.208.52.539.982.965 1.345c.415.3.94.49 1.63.49c1.425 0 3.45-.75 5.13-1.845c1.684-1.1 2.99-2.57 2.99-4.15c0-1.6-1.27-3.45-3.015-4.924C13.98 6.615 11.78 5.5 9.88 5.5c-.255 0-.515.05-.77.22a2.8 2.8 0 0 0-.785 1.125"/><path fill="#fff" d="M6.705 5.82c.375-.25.76-.32 1.1-.32c2.09 0 4.425 1.105 6.23 2.63c1.795 1.515 3.144 3.52 3.144 5.38c0 1.88-1.45 3.509-3.184 4.639c-1.75 1.14-3.89 1.85-5.455 1.85a3.27 3.27 0 0 1-1.985-.605A3.7 3.7 0 0 1 5.4 17.909c-.525-1.15-.65-2.56-.65-3.645c0-3.75.39-5.92.955-7.164a2.94 2.94 0 0 1 1-1.28m-.45 1.525c-.515 1.12-.985 3.185-.985 6.92c0 1.06.2 2.364.675 3.399c.208.52.539.982.965 1.345c.41.3.94.49 1.63.49c1.42 0 3.45-.75 5.125-1.845c1.685-1.1 3-2.57 3-4.15c0-1.6-1.275-3.45-3.02-4.924C11.91 7.115 9.705 6 7.805 6c-.25 0-.515.05-.765.22a2.8 2.8 0 0 0-.79 1.13z"/></g><defs><linearGradient id="SVGpmkLAd0I" x1="4.751" x2="19.25" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient><clipPath id="SVGHcSWxdhd80"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedDsmBackground(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(#SVGHcSWxdhd80)"><path fill="url(#SVGpmkLAd0I)" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.74 4.32c.375-.25.76-.32 1.1-.32c2.09 0 4.425 1.105 6.23 2.63c1.794 1.515 3.144 3.52 3.144 5.38c0 1.88-1.45 3.509-3.184 4.639c-1.75 1.14-3.89 1.85-5.455 1.85a3.27 3.27 0 0 1-1.985-.605c-.504-.388-.9-.9-1.15-1.485c-.53-1.15-.65-2.56-.65-3.645c0-3.75.385-5.92.95-7.164a2.94 2.94 0 0 1 1-1.28m-.45 1.525c-.515 1.12-.985 3.185-.985 6.92c0 1.06.2 2.364.675 3.4c.208.52.539.98.965 1.344c.41.3.94.49 1.63.49c1.42 0 3.45-.75 5.125-1.845c1.69-1.1 3-2.57 3-4.15c0-1.6-1.276-3.45-3.02-4.924c-1.73-1.465-3.94-2.58-5.83-2.58c-.255 0-.515.05-.77.22a2.8 2.8 0 0 0-.785 1.125z"/><path fill="#fff" d="M8.775 5.32c.375-.25.76-.32 1.1-.32c2.095 0 4.425 1.105 6.23 2.63c1.794 1.515 3.144 3.52 3.144 5.38c0 1.88-1.45 3.51-3.184 4.639c-1.75 1.14-3.885 1.85-5.455 1.85a3.27 3.27 0 0 1-1.985-.605c-.504-.388-.9-.9-1.15-1.485c-.53-1.15-.65-2.56-.65-3.645c0-3.75.385-5.92.95-7.164a2.94 2.94 0 0 1 1-1.28m-.45 1.525c-.515 1.12-.985 3.185-.985 6.92c0 1.06.2 2.364.675 3.399c.208.52.539.982.965 1.345c.415.3.94.49 1.63.49c1.425 0 3.45-.75 5.13-1.845c1.684-1.1 2.99-2.57 2.99-4.15c0-1.6-1.27-3.45-3.015-4.924C13.98 6.615 11.78 5.5 9.88 5.5c-.255 0-.515.05-.77.22a2.8 2.8 0 0 0-.785 1.125"/><path fill="#fff" d="M6.705 5.82c.375-.25.76-.32 1.1-.32c2.09 0 4.425 1.105 6.23 2.63c1.795 1.515 3.144 3.52 3.144 5.38c0 1.88-1.45 3.509-3.184 4.639c-1.75 1.14-3.89 1.85-5.455 1.85a3.27 3.27 0 0 1-1.985-.605A3.7 3.7 0 0 1 5.4 17.909c-.525-1.15-.65-2.56-.65-3.645c0-3.75.39-5.92.955-7.164a2.94 2.94 0 0 1 1-1.28m-.45 1.525c-.515 1.12-.985 3.185-.985 6.92c0 1.06.2 2.364.675 3.399c.208.52.539.982.965 1.345c.41.3.94.49 1.63.49c1.42 0 3.45-.75 5.125-1.845c1.685-1.1 3-2.57 3-4.15c0-1.6-1.275-3.45-3.02-4.924C11.91 7.115 9.705 6 7.805 6c-.25 0-.515.05-.765.22a2.8 2.8 0 0 0-.79 1.13z"/></g><defs><linearGradient id="SVGpmkLAd0I" x1="4.751" x2="19.25" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stopColor="#fe723f"/><stop offset="1" stopColor="#fca553"/></linearGradient><clipPath id="SVGHcSWxdhd80"><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(#SVGHcSWxdhd80)"><path fill="url(#SVGpmkLAd0I)" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.74 4.32c.375-.25.76-.32 1.1-.32c2.09 0 4.425 1.105 6.23 2.63c1.794 1.515 3.144 3.52 3.144 5.38c0 1.88-1.45 3.509-3.184 4.639c-1.75 1.14-3.89 1.85-5.455 1.85a3.27 3.27 0 0 1-1.985-.605c-.504-.388-.9-.9-1.15-1.485c-.53-1.15-.65-2.56-.65-3.645c0-3.75.385-5.92.95-7.164a2.94 2.94 0 0 1 1-1.28m-.45 1.525c-.515 1.12-.985 3.185-.985 6.92c0 1.06.2 2.364.675 3.4c.208.52.539.98.965 1.344c.41.3.94.49 1.63.49c1.42 0 3.45-.75 5.125-1.845c1.69-1.1 3-2.57 3-4.15c0-1.6-1.276-3.45-3.02-4.924c-1.73-1.465-3.94-2.58-5.83-2.58c-.255 0-.515.05-.77.22a2.8 2.8 0 0 0-.785 1.125z"/><path fill="#fff" d="M8.775 5.32c.375-.25.76-.32 1.1-.32c2.095 0 4.425 1.105 6.23 2.63c1.794 1.515 3.144 3.52 3.144 5.38c0 1.88-1.45 3.51-3.184 4.639c-1.75 1.14-3.885 1.85-5.455 1.85a3.27 3.27 0 0 1-1.985-.605c-.504-.388-.9-.9-1.15-1.485c-.53-1.15-.65-2.56-.65-3.645c0-3.75.385-5.92.95-7.164a2.94 2.94 0 0 1 1-1.28m-.45 1.525c-.515 1.12-.985 3.185-.985 6.92c0 1.06.2 2.364.675 3.399c.208.52.539.982.965 1.345c.415.3.94.49 1.63.49c1.425 0 3.45-.75 5.13-1.845c1.684-1.1 2.99-2.57 2.99-4.15c0-1.6-1.27-3.45-3.015-4.924C13.98 6.615 11.78 5.5 9.88 5.5c-.255 0-.515.05-.77.22a2.8 2.8 0 0 0-.785 1.125"/><path fill="#fff" d="M6.705 5.82c.375-.25.76-.32 1.1-.32c2.09 0 4.425 1.105 6.23 2.63c1.795 1.515 3.144 3.52 3.144 5.38c0 1.88-1.45 3.509-3.184 4.639c-1.75 1.14-3.89 1.85-5.455 1.85a3.27 3.27 0 0 1-1.985-.605A3.7 3.7 0 0 1 5.4 17.909c-.525-1.15-.65-2.56-.65-3.645c0-3.75.39-5.92.955-7.164a2.94 2.94 0 0 1 1-1.28m-.45 1.525c-.515 1.12-.985 3.185-.985 6.92c0 1.06.2 2.364.675 3.399c.208.52.539.982.965 1.345c.41.3.94.49 1.63.49c1.42 0 3.45-.75 5.125-1.845c1.685-1.1 3-2.57 3-4.15c0-1.6-1.275-3.45-3.02-4.924C11.91 7.115 9.705 6 7.805 6c-.25 0-.515.05-.765.22a2.8 2.8 0 0 0-.79 1.13z"/></g><defs><linearGradient id="SVGpmkLAd0I" x1="4.751" x2="19.25" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient><clipPath id="SVGHcSWxdhd80"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-dsm-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(%23SVGHcSWxdhd80)%22%3E%3Cpath%20fill%3D%22url(%23SVGpmkLAd0I)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.74%204.32c.375-.25.76-.32%201.1-.32c2.09%200%204.425%201.105%206.23%202.63c1.794%201.515%203.144%203.52%203.144%205.38c0%201.88-1.45%203.509-3.184%204.639c-1.75%201.14-3.89%201.85-5.455%201.85a3.27%203.27%200%200%201-1.985-.605c-.504-.388-.9-.9-1.15-1.485c-.53-1.15-.65-2.56-.65-3.645c0-3.75.385-5.92.95-7.164a2.94%202.94%200%200%201%201-1.28m-.45%201.525c-.515%201.12-.985%203.185-.985%206.92c0%201.06.2%202.364.675%203.4c.208.52.539.98.965%201.344c.41.3.94.49%201.63.49c1.42%200%203.45-.75%205.125-1.845c1.69-1.1%203-2.57%203-4.15c0-1.6-1.276-3.45-3.02-4.924c-1.73-1.465-3.94-2.58-5.83-2.58c-.255%200-.515.05-.77.22a2.8%202.8%200%200%200-.785%201.125z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.775%205.32c.375-.25.76-.32%201.1-.32c2.095%200%204.425%201.105%206.23%202.63c1.794%201.515%203.144%203.52%203.144%205.38c0%201.88-1.45%203.51-3.184%204.639c-1.75%201.14-3.885%201.85-5.455%201.85a3.27%203.27%200%200%201-1.985-.605c-.504-.388-.9-.9-1.15-1.485c-.53-1.15-.65-2.56-.65-3.645c0-3.75.385-5.92.95-7.164a2.94%202.94%200%200%201%201-1.28m-.45%201.525c-.515%201.12-.985%203.185-.985%206.92c0%201.06.2%202.364.675%203.399c.208.52.539.982.965%201.345c.415.3.94.49%201.63.49c1.425%200%203.45-.75%205.13-1.845c1.684-1.1%202.99-2.57%202.99-4.15c0-1.6-1.27-3.45-3.015-4.924C13.98%206.615%2011.78%205.5%209.88%205.5c-.255%200-.515.05-.77.22a2.8%202.8%200%200%200-.785%201.125%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.705%205.82c.375-.25.76-.32%201.1-.32c2.09%200%204.425%201.105%206.23%202.63c1.795%201.515%203.144%203.52%203.144%205.38c0%201.88-1.45%203.509-3.184%204.639c-1.75%201.14-3.89%201.85-5.455%201.85a3.27%203.27%200%200%201-1.985-.605A3.7%203.7%200%200%201%205.4%2017.909c-.525-1.15-.65-2.56-.65-3.645c0-3.75.39-5.92.955-7.164a2.94%202.94%200%200%201%201-1.28m-.45%201.525c-.515%201.12-.985%203.185-.985%206.92c0%201.06.2%202.364.675%203.399c.208.52.539.982.965%201.345c.41.3.94.49%201.63.49c1.42%200%203.45-.75%205.125-1.845c1.685-1.1%203-2.57%203-4.15c0-1.6-1.275-3.45-3.02-4.924C11.91%207.115%209.705%206%207.805%206c-.25%200-.515.05-.765.22a2.8%202.8%200%200%200-.79%201.13z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGpmkLAd0I%22%20x1%3D%224.751%22%20x2%3D%2219.25%22%20y1%3D%2212%22%20y2%3D%2212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fe723f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fca553%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd80%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(%23SVGHcSWxdhd80)%22%3E%3Cpath%20fill%3D%22url(%23SVGpmkLAd0I)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.74%204.32c.375-.25.76-.32%201.1-.32c2.09%200%204.425%201.105%206.23%202.63c1.794%201.515%203.144%203.52%203.144%205.38c0%201.88-1.45%203.509-3.184%204.639c-1.75%201.14-3.89%201.85-5.455%201.85a3.27%203.27%200%200%201-1.985-.605c-.504-.388-.9-.9-1.15-1.485c-.53-1.15-.65-2.56-.65-3.645c0-3.75.385-5.92.95-7.164a2.94%202.94%200%200%201%201-1.28m-.45%201.525c-.515%201.12-.985%203.185-.985%206.92c0%201.06.2%202.364.675%203.4c.208.52.539.98.965%201.344c.41.3.94.49%201.63.49c1.42%200%203.45-.75%205.125-1.845c1.69-1.1%203-2.57%203-4.15c0-1.6-1.276-3.45-3.02-4.924c-1.73-1.465-3.94-2.58-5.83-2.58c-.255%200-.515.05-.77.22a2.8%202.8%200%200%200-.785%201.125z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.775%205.32c.375-.25.76-.32%201.1-.32c2.095%200%204.425%201.105%206.23%202.63c1.794%201.515%203.144%203.52%203.144%205.38c0%201.88-1.45%203.51-3.184%204.639c-1.75%201.14-3.885%201.85-5.455%201.85a3.27%203.27%200%200%201-1.985-.605c-.504-.388-.9-.9-1.15-1.485c-.53-1.15-.65-2.56-.65-3.645c0-3.75.385-5.92.95-7.164a2.94%202.94%200%200%201%201-1.28m-.45%201.525c-.515%201.12-.985%203.185-.985%206.92c0%201.06.2%202.364.675%203.399c.208.52.539.982.965%201.345c.415.3.94.49%201.63.49c1.425%200%203.45-.75%205.13-1.845c1.684-1.1%202.99-2.57%202.99-4.15c0-1.6-1.27-3.45-3.015-4.924C13.98%206.615%2011.78%205.5%209.88%205.5c-.255%200-.515.05-.77.22a2.8%202.8%200%200%200-.785%201.125%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.705%205.82c.375-.25.76-.32%201.1-.32c2.09%200%204.425%201.105%206.23%202.63c1.795%201.515%203.144%203.52%203.144%205.38c0%201.88-1.45%203.509-3.184%204.639c-1.75%201.14-3.89%201.85-5.455%201.85a3.27%203.27%200%200%201-1.985-.605A3.7%203.7%200%200%201%205.4%2017.909c-.525-1.15-.65-2.56-.65-3.645c0-3.75.39-5.92.955-7.164a2.94%202.94%200%200%201%201-1.28m-.45%201.525c-.515%201.12-.985%203.185-.985%206.92c0%201.06.2%202.364.675%203.399c.208.52.539.982.965%201.345c.41.3.94.49%201.63.49c1.42%200%203.45-.75%205.125-1.845c1.685-1.1%203-2.57%203-4.15c0-1.6-1.275-3.45-3.02-4.924C11.91%207.115%209.705%206%207.805%206c-.25%200-.515.05-.765.22a2.8%202.8%200%200%200-.79%201.13z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGpmkLAd0I%22%20x1%3D%224.751%22%20x2%3D%2219.25%22%20y1%3D%2212%22%20y2%3D%2212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fe723f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fca553%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd80%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/dsm-background.svg?color=%231a73e8&size=48