dsm logo

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

Name: dsm
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 dsm 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(#SVG6sIt6cZU)" d="M7.209 3.36C7.63 3.079 8.064 3 8.446 3c2.351 0 4.978 1.243 7.008 2.959c2.02 1.704 3.538 3.96 3.538 6.051c0 2.115-1.631 3.949-3.583 5.22c-1.968 1.282-4.376 2.081-6.136 2.081a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.294-1.67c-.596-1.294-.73-2.88-.73-4.101c0-4.219.432-6.66 1.068-8.06a3.3 3.3 0 0 1 1.125-1.44m-.507 1.715c-.579 1.26-1.108 3.583-1.108 7.785c0 1.192.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.462.337 1.058.55 1.834.55c1.597 0 3.88-.843 5.765-2.075c1.901-1.237 3.375-2.89 3.375-4.668c0-1.8-1.434-3.881-3.398-5.54c-1.946-1.648-4.432-2.903-6.558-2.903c-.286 0-.579.057-.866.248a3.1 3.1 0 0 0-.883 1.265z"/><path fill="url(#SVG10xGreXU)" d="M8.372 4.485c.422-.281.855-.36 1.237-.36c2.357 0 4.978 1.243 7.009 2.958c2.019 1.705 3.538 3.96 3.538 6.053c0 2.114-1.632 3.948-3.583 5.219c-1.969 1.282-4.37 2.081-6.137 2.081a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.293-1.67c-.597-1.294-.732-2.88-.732-4.101c0-4.219.434-6.66 1.07-8.06a3.3 3.3 0 0 1 1.124-1.44M7.866 6.2c-.58 1.26-1.108 3.583-1.108 7.785c0 1.192.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.466.337 1.057.55 1.833.55c1.603 0 3.881-.843 5.771-2.075c1.895-1.237 3.364-2.89 3.364-4.668c0-1.8-1.43-3.881-3.392-5.54c-1.952-1.648-4.427-2.903-6.564-2.903c-.287 0-.58.057-.866.248A3.1 3.1 0 0 0 7.866 6.2"/><path fill="url(#SVG98c9iRfk)" d="M6.044 5.047c.422-.28.855-.36 1.237-.36c2.351 0 4.978 1.244 7.008 2.959c2.02 1.704 3.538 3.96 3.538 6.052c0 2.115-1.631 3.948-3.583 5.22c-1.968 1.282-4.376 2.08-6.136 2.08a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.3-1.67c-.59-1.294-.73-2.88-.73-4.1c0-4.22.438-6.66 1.074-8.06a3.3 3.3 0 0 1 1.125-1.44m-.507 1.716c-.579 1.26-1.108 3.583-1.108 7.784c0 1.193.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.461.337 1.058.551 1.834.551c1.597 0 3.88-.843 5.765-2.075c1.896-1.238 3.375-2.891 3.375-4.669c0-1.8-1.435-3.88-3.398-5.54C11.9 6.504 9.419 5.25 7.282 5.25c-.281 0-.58.056-.86.247a3.14 3.14 0 0 0-.89 1.272z"/><defs><linearGradient id="SVG6sIt6cZU" x1="3.845" x2="20.156" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient><linearGradient id="SVG10xGreXU" x1="3.844" x2="20.155" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient><linearGradient id="SVG98c9iRfk" x1="3.844" x2="20.156" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedDsm(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(#SVG6sIt6cZU)" d="M7.209 3.36C7.63 3.079 8.064 3 8.446 3c2.351 0 4.978 1.243 7.008 2.959c2.02 1.704 3.538 3.96 3.538 6.051c0 2.115-1.631 3.949-3.583 5.22c-1.968 1.282-4.376 2.081-6.136 2.081a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.294-1.67c-.596-1.294-.73-2.88-.73-4.101c0-4.219.432-6.66 1.068-8.06a3.3 3.3 0 0 1 1.125-1.44m-.507 1.715c-.579 1.26-1.108 3.583-1.108 7.785c0 1.192.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.462.337 1.058.55 1.834.55c1.597 0 3.88-.843 5.765-2.075c1.901-1.237 3.375-2.89 3.375-4.668c0-1.8-1.434-3.881-3.398-5.54c-1.946-1.648-4.432-2.903-6.558-2.903c-.286 0-.579.057-.866.248a3.1 3.1 0 0 0-.883 1.265z"/><path fill="url(#SVG10xGreXU)" d="M8.372 4.485c.422-.281.855-.36 1.237-.36c2.357 0 4.978 1.243 7.009 2.958c2.019 1.705 3.538 3.96 3.538 6.053c0 2.114-1.632 3.948-3.583 5.219c-1.969 1.282-4.37 2.081-6.137 2.081a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.293-1.67c-.597-1.294-.732-2.88-.732-4.101c0-4.219.434-6.66 1.07-8.06a3.3 3.3 0 0 1 1.124-1.44M7.866 6.2c-.58 1.26-1.108 3.583-1.108 7.785c0 1.192.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.466.337 1.057.55 1.833.55c1.603 0 3.881-.843 5.771-2.075c1.895-1.237 3.364-2.89 3.364-4.668c0-1.8-1.43-3.881-3.392-5.54c-1.952-1.648-4.427-2.903-6.564-2.903c-.287 0-.58.057-.866.248A3.1 3.1 0 0 0 7.866 6.2"/><path fill="url(#SVG98c9iRfk)" d="M6.044 5.047c.422-.28.855-.36 1.237-.36c2.351 0 4.978 1.244 7.008 2.959c2.02 1.704 3.538 3.96 3.538 6.052c0 2.115-1.631 3.948-3.583 5.22c-1.968 1.282-4.376 2.08-6.136 2.08a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.3-1.67c-.59-1.294-.73-2.88-.73-4.1c0-4.22.438-6.66 1.074-8.06a3.3 3.3 0 0 1 1.125-1.44m-.507 1.716c-.579 1.26-1.108 3.583-1.108 7.784c0 1.193.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.461.337 1.058.551 1.834.551c1.597 0 3.88-.843 5.765-2.075c1.896-1.238 3.375-2.891 3.375-4.669c0-1.8-1.435-3.88-3.398-5.54C11.9 6.504 9.419 5.25 7.282 5.25c-.281 0-.58.056-.86.247a3.14 3.14 0 0 0-.89 1.272z"/><defs><linearGradient id="SVG6sIt6cZU" x1="3.845" x2="20.156" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stopColor="#fe723f"/><stop offset="1" stopColor="#fca553"/></linearGradient><linearGradient id="SVG10xGreXU" x1="3.844" x2="20.155" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stopColor="#fe723f"/><stop offset="1" stopColor="#fca553"/></linearGradient><linearGradient id="SVG98c9iRfk" x1="3.844" x2="20.156" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stopColor="#fe723f"/><stop offset="1" stopColor="#fca553"/></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(#SVG6sIt6cZU)" d="M7.209 3.36C7.63 3.079 8.064 3 8.446 3c2.351 0 4.978 1.243 7.008 2.959c2.02 1.704 3.538 3.96 3.538 6.051c0 2.115-1.631 3.949-3.583 5.22c-1.968 1.282-4.376 2.081-6.136 2.081a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.294-1.67c-.596-1.294-.73-2.88-.73-4.101c0-4.219.432-6.66 1.068-8.06a3.3 3.3 0 0 1 1.125-1.44m-.507 1.715c-.579 1.26-1.108 3.583-1.108 7.785c0 1.192.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.462.337 1.058.55 1.834.55c1.597 0 3.88-.843 5.765-2.075c1.901-1.237 3.375-2.89 3.375-4.668c0-1.8-1.434-3.881-3.398-5.54c-1.946-1.648-4.432-2.903-6.558-2.903c-.286 0-.579.057-.866.248a3.1 3.1 0 0 0-.883 1.265z"/><path fill="url(#SVG10xGreXU)" d="M8.372 4.485c.422-.281.855-.36 1.237-.36c2.357 0 4.978 1.243 7.009 2.958c2.019 1.705 3.538 3.96 3.538 6.053c0 2.114-1.632 3.948-3.583 5.219c-1.969 1.282-4.37 2.081-6.137 2.081a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.293-1.67c-.597-1.294-.732-2.88-.732-4.101c0-4.219.434-6.66 1.07-8.06a3.3 3.3 0 0 1 1.124-1.44M7.866 6.2c-.58 1.26-1.108 3.583-1.108 7.785c0 1.192.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.466.337 1.057.55 1.833.55c1.603 0 3.881-.843 5.771-2.075c1.895-1.237 3.364-2.89 3.364-4.668c0-1.8-1.43-3.881-3.392-5.54c-1.952-1.648-4.427-2.903-6.564-2.903c-.287 0-.58.057-.866.248A3.1 3.1 0 0 0 7.866 6.2"/><path fill="url(#SVG98c9iRfk)" d="M6.044 5.047c.422-.28.855-.36 1.237-.36c2.351 0 4.978 1.244 7.008 2.959c2.02 1.704 3.538 3.96 3.538 6.052c0 2.115-1.631 3.948-3.583 5.22c-1.968 1.282-4.376 2.08-6.136 2.08a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.3-1.67c-.59-1.294-.73-2.88-.73-4.1c0-4.22.438-6.66 1.074-8.06a3.3 3.3 0 0 1 1.125-1.44m-.507 1.716c-.579 1.26-1.108 3.583-1.108 7.784c0 1.193.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.461.337 1.058.551 1.834.551c1.597 0 3.88-.843 5.765-2.075c1.896-1.238 3.375-2.891 3.375-4.669c0-1.8-1.435-3.88-3.398-5.54C11.9 6.504 9.419 5.25 7.282 5.25c-.281 0-.58.056-.86.247a3.14 3.14 0 0 0-.89 1.272z"/><defs><linearGradient id="SVG6sIt6cZU" x1="3.845" x2="20.156" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient><linearGradient id="SVG10xGreXU" x1="3.844" x2="20.155" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient><linearGradient id="SVG98c9iRfk" x1="3.844" x2="20.156" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-dsm {
  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(%23SVG6sIt6cZU)%22%20d%3D%22M7.209%203.36C7.63%203.079%208.064%203%208.446%203c2.351%200%204.978%201.243%207.008%202.959c2.02%201.704%203.538%203.96%203.538%206.051c0%202.115-1.631%203.949-3.583%205.22c-1.968%201.282-4.376%202.081-6.136%202.081a3.68%203.68%200%200%201-2.233-.68a4.17%204.17%200%200%201-1.294-1.67c-.596-1.294-.73-2.88-.73-4.101c0-4.219.432-6.66%201.068-8.06a3.3%203.3%200%200%201%201.125-1.44m-.507%201.715c-.579%201.26-1.108%203.583-1.108%207.785c0%201.192.225%202.66.76%203.825a3.9%203.9%200%200%200%201.085%201.513c.462.337%201.058.55%201.834.55c1.597%200%203.88-.843%205.765-2.075c1.901-1.237%203.375-2.89%203.375-4.668c0-1.8-1.434-3.881-3.398-5.54c-1.946-1.648-4.432-2.903-6.558-2.903c-.286%200-.579.057-.866.248a3.1%203.1%200%200%200-.883%201.265z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG10xGreXU)%22%20d%3D%22M8.372%204.485c.422-.281.855-.36%201.237-.36c2.357%200%204.978%201.243%207.009%202.958c2.019%201.705%203.538%203.96%203.538%206.053c0%202.114-1.632%203.948-3.583%205.219c-1.969%201.282-4.37%202.081-6.137%202.081a3.68%203.68%200%200%201-2.233-.68a4.17%204.17%200%200%201-1.293-1.67c-.597-1.294-.732-2.88-.732-4.101c0-4.219.434-6.66%201.07-8.06a3.3%203.3%200%200%201%201.124-1.44M7.866%206.2c-.58%201.26-1.108%203.583-1.108%207.785c0%201.192.225%202.66.76%203.825a3.9%203.9%200%200%200%201.085%201.513c.466.337%201.057.55%201.833.55c1.603%200%203.881-.843%205.771-2.075c1.895-1.237%203.364-2.89%203.364-4.668c0-1.8-1.43-3.881-3.392-5.54c-1.952-1.648-4.427-2.903-6.564-2.903c-.287%200-.58.057-.866.248A3.1%203.1%200%200%200%207.866%206.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG98c9iRfk)%22%20d%3D%22M6.044%205.047c.422-.28.855-.36%201.237-.36c2.351%200%204.978%201.244%207.008%202.959c2.02%201.704%203.538%203.96%203.538%206.052c0%202.115-1.631%203.948-3.583%205.22c-1.968%201.282-4.376%202.08-6.136%202.08a3.68%203.68%200%200%201-2.233-.68a4.17%204.17%200%200%201-1.3-1.67c-.59-1.294-.73-2.88-.73-4.1c0-4.22.438-6.66%201.074-8.06a3.3%203.3%200%200%201%201.125-1.44m-.507%201.716c-.579%201.26-1.108%203.583-1.108%207.784c0%201.193.225%202.66.76%203.825a3.9%203.9%200%200%200%201.085%201.513c.461.337%201.058.551%201.834.551c1.597%200%203.88-.843%205.765-2.075c1.896-1.238%203.375-2.891%203.375-4.669c0-1.8-1.435-3.88-3.398-5.54C11.9%206.504%209.419%205.25%207.282%205.25c-.281%200-.58.056-.86.247a3.14%203.14%200%200%200-.89%201.272z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6sIt6cZU%22%20x1%3D%223.845%22%20x2%3D%2220.156%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%3ClinearGradient%20id%3D%22SVG10xGreXU%22%20x1%3D%223.844%22%20x2%3D%2220.155%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%3ClinearGradient%20id%3D%22SVG98c9iRfk%22%20x1%3D%223.844%22%20x2%3D%2220.156%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%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(%23SVG6sIt6cZU)%22%20d%3D%22M7.209%203.36C7.63%203.079%208.064%203%208.446%203c2.351%200%204.978%201.243%207.008%202.959c2.02%201.704%203.538%203.96%203.538%206.051c0%202.115-1.631%203.949-3.583%205.22c-1.968%201.282-4.376%202.081-6.136%202.081a3.68%203.68%200%200%201-2.233-.68a4.17%204.17%200%200%201-1.294-1.67c-.596-1.294-.73-2.88-.73-4.101c0-4.219.432-6.66%201.068-8.06a3.3%203.3%200%200%201%201.125-1.44m-.507%201.715c-.579%201.26-1.108%203.583-1.108%207.785c0%201.192.225%202.66.76%203.825a3.9%203.9%200%200%200%201.085%201.513c.462.337%201.058.55%201.834.55c1.597%200%203.88-.843%205.765-2.075c1.901-1.237%203.375-2.89%203.375-4.668c0-1.8-1.434-3.881-3.398-5.54c-1.946-1.648-4.432-2.903-6.558-2.903c-.286%200-.579.057-.866.248a3.1%203.1%200%200%200-.883%201.265z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG10xGreXU)%22%20d%3D%22M8.372%204.485c.422-.281.855-.36%201.237-.36c2.357%200%204.978%201.243%207.009%202.958c2.019%201.705%203.538%203.96%203.538%206.053c0%202.114-1.632%203.948-3.583%205.219c-1.969%201.282-4.37%202.081-6.137%202.081a3.68%203.68%200%200%201-2.233-.68a4.17%204.17%200%200%201-1.293-1.67c-.597-1.294-.732-2.88-.732-4.101c0-4.219.434-6.66%201.07-8.06a3.3%203.3%200%200%201%201.124-1.44M7.866%206.2c-.58%201.26-1.108%203.583-1.108%207.785c0%201.192.225%202.66.76%203.825a3.9%203.9%200%200%200%201.085%201.513c.466.337%201.057.55%201.833.55c1.603%200%203.881-.843%205.771-2.075c1.895-1.237%203.364-2.89%203.364-4.668c0-1.8-1.43-3.881-3.392-5.54c-1.952-1.648-4.427-2.903-6.564-2.903c-.287%200-.58.057-.866.248A3.1%203.1%200%200%200%207.866%206.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG98c9iRfk)%22%20d%3D%22M6.044%205.047c.422-.28.855-.36%201.237-.36c2.351%200%204.978%201.244%207.008%202.959c2.02%201.704%203.538%203.96%203.538%206.052c0%202.115-1.631%203.948-3.583%205.22c-1.968%201.282-4.376%202.08-6.136%202.08a3.68%203.68%200%200%201-2.233-.68a4.17%204.17%200%200%201-1.3-1.67c-.59-1.294-.73-2.88-.73-4.1c0-4.22.438-6.66%201.074-8.06a3.3%203.3%200%200%201%201.125-1.44m-.507%201.716c-.579%201.26-1.108%203.583-1.108%207.784c0%201.193.225%202.66.76%203.825a3.9%203.9%200%200%200%201.085%201.513c.461.337%201.058.551%201.834.551c1.597%200%203.88-.843%205.765-2.075c1.896-1.238%203.375-2.891%203.375-4.669c0-1.8-1.435-3.88-3.398-5.54C11.9%206.504%209.419%205.25%207.282%205.25c-.281%200-.58.056-.86.247a3.14%203.14%200%200%200-.89%201.272z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6sIt6cZU%22%20x1%3D%223.845%22%20x2%3D%2220.156%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%3ClinearGradient%20id%3D%22SVG10xGreXU%22%20x1%3D%223.844%22%20x2%3D%2220.155%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%3ClinearGradient%20id%3D%22SVG98c9iRfk%22%20x1%3D%223.844%22%20x2%3D%2220.156%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%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.svg?color=%231a73e8&size=48