souls logo

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

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

1 other variant in Web3 Icons Branded

Use the souls 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(#SVGrrt0bc9r)" d="M10.585 10.835c-.185-.566.02-1.312.144-1.615l-.936.334c-.34.947-1.029 2.87-1.044 2.963s1.316 2.948 1.98 4.362c.437-.242 1.512-.597 2.32-.087c.808.514.545 1.574.314 2.037l.802-.438c.067-.04.828-.71 1.199-1.044l-2.15-6.157c-1.338.75-2.402.36-2.629-.355"/><path fill="url(#SVGjndtbcuy)" d="M9.613 7.167c1.389-1.06 2.34-3.431 2.34-4.167c.253.37.757 1.523.757 3.19a3.6 3.6 0 0 1-1.77 3.05c-.442.36-1.327 1.23-1.327 1.851c0 .777.489 1.38 1.44 1.38c.942 0 2.881-2.197 3.097-2.434l.005-.005c.186-.206 1.09-1.286 1.955-1.286c.695 0 1.307.566 1.528.849c.52.668 1.564 2.458 1.564 4.207c0 3.457-1.914 5.366-3.694 6.369c-1.42.797-3.575.874-4.475.812l2.109-2.19c.447-.356 1.332-1.215 1.332-1.817c0-.756-.39-1.358-1.507-1.358c-1.111 0-2.227 1.605-3.025 2.49c-.802.89-1.527 1.173-1.82 1.173c-.289 0-1.266.154-2.403-2.058c-.905-1.77-.977-2.819-.895-3.117c0-4.517 3.05-5.622 4.79-6.944z"/><path fill="url(#SVGNE36ddXL)" d="M7.164 10.458c.772-1.826 3.421-3.446 4.65-4.027c0 .91-2.643 3.487-2.643 5.04c0 1.544.38 1.914 1.944 1.914s2.624-1.666 3.143-2.248c.525-.58 1.343-1.219 2.047-1.219c.7 0 2.043.659 2.043 4.203c0 3.55-2.747 5.525-3.586 5.813c-.844.293-1.564-.016-.823-.386c.74-.365 1.662-1.45 1.662-3.02c0-1.574-.582-2.407-1.863-2.407c-1.285 0-2.422 1.224-3.204 1.996c-.782.776-1.646 1.98-2.444 1.98c-.802 0-1.44-1.106-1.723-2.31c-.283-1.198-.16-3.034.803-5.324z"/><defs><linearGradient id="SVGrrt0bc9r" x1="7.117" x2="12.34" y1="5.959" y2="18.525" gradientUnits="userSpaceOnUse"><stop stop-color="#8976ff"/><stop offset="1" stop-color="#662d91"/></linearGradient><linearGradient id="SVGjndtbcuy" x1="5.462" x2="18.77" y1="10.325" y2="17.491" gradientUnits="userSpaceOnUse"><stop stop-color="#0ff"/><stop offset=".55" stop-color="#25dbff"/><stop offset="1" stop-color="#78f"/></linearGradient><linearGradient id="SVGNE36ddXL" x1="9.433" x2="16.403" y1="7.573" y2="15.382" gradientUnits="userSpaceOnUse"><stop stop-color="#62ffff"/><stop offset=".55" stop-color="#85e7ff"/><stop offset="1" stop-color="#d0f0ff"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedSouls(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(#SVGrrt0bc9r)" d="M10.585 10.835c-.185-.566.02-1.312.144-1.615l-.936.334c-.34.947-1.029 2.87-1.044 2.963s1.316 2.948 1.98 4.362c.437-.242 1.512-.597 2.32-.087c.808.514.545 1.574.314 2.037l.802-.438c.067-.04.828-.71 1.199-1.044l-2.15-6.157c-1.338.75-2.402.36-2.629-.355"/><path fill="url(#SVGjndtbcuy)" d="M9.613 7.167c1.389-1.06 2.34-3.431 2.34-4.167c.253.37.757 1.523.757 3.19a3.6 3.6 0 0 1-1.77 3.05c-.442.36-1.327 1.23-1.327 1.851c0 .777.489 1.38 1.44 1.38c.942 0 2.881-2.197 3.097-2.434l.005-.005c.186-.206 1.09-1.286 1.955-1.286c.695 0 1.307.566 1.528.849c.52.668 1.564 2.458 1.564 4.207c0 3.457-1.914 5.366-3.694 6.369c-1.42.797-3.575.874-4.475.812l2.109-2.19c.447-.356 1.332-1.215 1.332-1.817c0-.756-.39-1.358-1.507-1.358c-1.111 0-2.227 1.605-3.025 2.49c-.802.89-1.527 1.173-1.82 1.173c-.289 0-1.266.154-2.403-2.058c-.905-1.77-.977-2.819-.895-3.117c0-4.517 3.05-5.622 4.79-6.944z"/><path fill="url(#SVGNE36ddXL)" d="M7.164 10.458c.772-1.826 3.421-3.446 4.65-4.027c0 .91-2.643 3.487-2.643 5.04c0 1.544.38 1.914 1.944 1.914s2.624-1.666 3.143-2.248c.525-.58 1.343-1.219 2.047-1.219c.7 0 2.043.659 2.043 4.203c0 3.55-2.747 5.525-3.586 5.813c-.844.293-1.564-.016-.823-.386c.74-.365 1.662-1.45 1.662-3.02c0-1.574-.582-2.407-1.863-2.407c-1.285 0-2.422 1.224-3.204 1.996c-.782.776-1.646 1.98-2.444 1.98c-.802 0-1.44-1.106-1.723-2.31c-.283-1.198-.16-3.034.803-5.324z"/><defs><linearGradient id="SVGrrt0bc9r" x1="7.117" x2="12.34" y1="5.959" y2="18.525" gradientUnits="userSpaceOnUse"><stop stopColor="#8976ff"/><stop offset="1" stopColor="#662d91"/></linearGradient><linearGradient id="SVGjndtbcuy" x1="5.462" x2="18.77" y1="10.325" y2="17.491" gradientUnits="userSpaceOnUse"><stop stopColor="#0ff"/><stop offset=".55" stopColor="#25dbff"/><stop offset="1" stopColor="#78f"/></linearGradient><linearGradient id="SVGNE36ddXL" x1="9.433" x2="16.403" y1="7.573" y2="15.382" gradientUnits="userSpaceOnUse"><stop stopColor="#62ffff"/><stop offset=".55" stopColor="#85e7ff"/><stop offset="1" stopColor="#d0f0ff"/></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(#SVGrrt0bc9r)" d="M10.585 10.835c-.185-.566.02-1.312.144-1.615l-.936.334c-.34.947-1.029 2.87-1.044 2.963s1.316 2.948 1.98 4.362c.437-.242 1.512-.597 2.32-.087c.808.514.545 1.574.314 2.037l.802-.438c.067-.04.828-.71 1.199-1.044l-2.15-6.157c-1.338.75-2.402.36-2.629-.355"/><path fill="url(#SVGjndtbcuy)" d="M9.613 7.167c1.389-1.06 2.34-3.431 2.34-4.167c.253.37.757 1.523.757 3.19a3.6 3.6 0 0 1-1.77 3.05c-.442.36-1.327 1.23-1.327 1.851c0 .777.489 1.38 1.44 1.38c.942 0 2.881-2.197 3.097-2.434l.005-.005c.186-.206 1.09-1.286 1.955-1.286c.695 0 1.307.566 1.528.849c.52.668 1.564 2.458 1.564 4.207c0 3.457-1.914 5.366-3.694 6.369c-1.42.797-3.575.874-4.475.812l2.109-2.19c.447-.356 1.332-1.215 1.332-1.817c0-.756-.39-1.358-1.507-1.358c-1.111 0-2.227 1.605-3.025 2.49c-.802.89-1.527 1.173-1.82 1.173c-.289 0-1.266.154-2.403-2.058c-.905-1.77-.977-2.819-.895-3.117c0-4.517 3.05-5.622 4.79-6.944z"/><path fill="url(#SVGNE36ddXL)" d="M7.164 10.458c.772-1.826 3.421-3.446 4.65-4.027c0 .91-2.643 3.487-2.643 5.04c0 1.544.38 1.914 1.944 1.914s2.624-1.666 3.143-2.248c.525-.58 1.343-1.219 2.047-1.219c.7 0 2.043.659 2.043 4.203c0 3.55-2.747 5.525-3.586 5.813c-.844.293-1.564-.016-.823-.386c.74-.365 1.662-1.45 1.662-3.02c0-1.574-.582-2.407-1.863-2.407c-1.285 0-2.422 1.224-3.204 1.996c-.782.776-1.646 1.98-2.444 1.98c-.802 0-1.44-1.106-1.723-2.31c-.283-1.198-.16-3.034.803-5.324z"/><defs><linearGradient id="SVGrrt0bc9r" x1="7.117" x2="12.34" y1="5.959" y2="18.525" gradientUnits="userSpaceOnUse"><stop stop-color="#8976ff"/><stop offset="1" stop-color="#662d91"/></linearGradient><linearGradient id="SVGjndtbcuy" x1="5.462" x2="18.77" y1="10.325" y2="17.491" gradientUnits="userSpaceOnUse"><stop stop-color="#0ff"/><stop offset=".55" stop-color="#25dbff"/><stop offset="1" stop-color="#78f"/></linearGradient><linearGradient id="SVGNE36ddXL" x1="9.433" x2="16.403" y1="7.573" y2="15.382" gradientUnits="userSpaceOnUse"><stop stop-color="#62ffff"/><stop offset=".55" stop-color="#85e7ff"/><stop offset="1" stop-color="#d0f0ff"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-souls {
  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(%23SVGrrt0bc9r)%22%20d%3D%22M10.585%2010.835c-.185-.566.02-1.312.144-1.615l-.936.334c-.34.947-1.029%202.87-1.044%202.963s1.316%202.948%201.98%204.362c.437-.242%201.512-.597%202.32-.087c.808.514.545%201.574.314%202.037l.802-.438c.067-.04.828-.71%201.199-1.044l-2.15-6.157c-1.338.75-2.402.36-2.629-.355%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjndtbcuy)%22%20d%3D%22M9.613%207.167c1.389-1.06%202.34-3.431%202.34-4.167c.253.37.757%201.523.757%203.19a3.6%203.6%200%200%201-1.77%203.05c-.442.36-1.327%201.23-1.327%201.851c0%20.777.489%201.38%201.44%201.38c.942%200%202.881-2.197%203.097-2.434l.005-.005c.186-.206%201.09-1.286%201.955-1.286c.695%200%201.307.566%201.528.849c.52.668%201.564%202.458%201.564%204.207c0%203.457-1.914%205.366-3.694%206.369c-1.42.797-3.575.874-4.475.812l2.109-2.19c.447-.356%201.332-1.215%201.332-1.817c0-.756-.39-1.358-1.507-1.358c-1.111%200-2.227%201.605-3.025%202.49c-.802.89-1.527%201.173-1.82%201.173c-.289%200-1.266.154-2.403-2.058c-.905-1.77-.977-2.819-.895-3.117c0-4.517%203.05-5.622%204.79-6.944z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNE36ddXL)%22%20d%3D%22M7.164%2010.458c.772-1.826%203.421-3.446%204.65-4.027c0%20.91-2.643%203.487-2.643%205.04c0%201.544.38%201.914%201.944%201.914s2.624-1.666%203.143-2.248c.525-.58%201.343-1.219%202.047-1.219c.7%200%202.043.659%202.043%204.203c0%203.55-2.747%205.525-3.586%205.813c-.844.293-1.564-.016-.823-.386c.74-.365%201.662-1.45%201.662-3.02c0-1.574-.582-2.407-1.863-2.407c-1.285%200-2.422%201.224-3.204%201.996c-.782.776-1.646%201.98-2.444%201.98c-.802%200-1.44-1.106-1.723-2.31c-.283-1.198-.16-3.034.803-5.324z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGrrt0bc9r%22%20x1%3D%227.117%22%20x2%3D%2212.34%22%20y1%3D%225.959%22%20y2%3D%2218.525%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238976ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23662d91%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGjndtbcuy%22%20x1%3D%225.462%22%20x2%3D%2218.77%22%20y1%3D%2210.325%22%20y2%3D%2217.491%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230ff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%2325dbff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2378f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNE36ddXL%22%20x1%3D%229.433%22%20x2%3D%2216.403%22%20y1%3D%227.573%22%20y2%3D%2215.382%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2362ffff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%2385e7ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d0f0ff%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(%23SVGrrt0bc9r)%22%20d%3D%22M10.585%2010.835c-.185-.566.02-1.312.144-1.615l-.936.334c-.34.947-1.029%202.87-1.044%202.963s1.316%202.948%201.98%204.362c.437-.242%201.512-.597%202.32-.087c.808.514.545%201.574.314%202.037l.802-.438c.067-.04.828-.71%201.199-1.044l-2.15-6.157c-1.338.75-2.402.36-2.629-.355%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjndtbcuy)%22%20d%3D%22M9.613%207.167c1.389-1.06%202.34-3.431%202.34-4.167c.253.37.757%201.523.757%203.19a3.6%203.6%200%200%201-1.77%203.05c-.442.36-1.327%201.23-1.327%201.851c0%20.777.489%201.38%201.44%201.38c.942%200%202.881-2.197%203.097-2.434l.005-.005c.186-.206%201.09-1.286%201.955-1.286c.695%200%201.307.566%201.528.849c.52.668%201.564%202.458%201.564%204.207c0%203.457-1.914%205.366-3.694%206.369c-1.42.797-3.575.874-4.475.812l2.109-2.19c.447-.356%201.332-1.215%201.332-1.817c0-.756-.39-1.358-1.507-1.358c-1.111%200-2.227%201.605-3.025%202.49c-.802.89-1.527%201.173-1.82%201.173c-.289%200-1.266.154-2.403-2.058c-.905-1.77-.977-2.819-.895-3.117c0-4.517%203.05-5.622%204.79-6.944z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNE36ddXL)%22%20d%3D%22M7.164%2010.458c.772-1.826%203.421-3.446%204.65-4.027c0%20.91-2.643%203.487-2.643%205.04c0%201.544.38%201.914%201.944%201.914s2.624-1.666%203.143-2.248c.525-.58%201.343-1.219%202.047-1.219c.7%200%202.043.659%202.043%204.203c0%203.55-2.747%205.525-3.586%205.813c-.844.293-1.564-.016-.823-.386c.74-.365%201.662-1.45%201.662-3.02c0-1.574-.582-2.407-1.863-2.407c-1.285%200-2.422%201.224-3.204%201.996c-.782.776-1.646%201.98-2.444%201.98c-.802%200-1.44-1.106-1.723-2.31c-.283-1.198-.16-3.034.803-5.324z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGrrt0bc9r%22%20x1%3D%227.117%22%20x2%3D%2212.34%22%20y1%3D%225.959%22%20y2%3D%2218.525%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238976ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23662d91%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGjndtbcuy%22%20x1%3D%225.462%22%20x2%3D%2218.77%22%20y1%3D%2210.325%22%20y2%3D%2217.491%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230ff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%2325dbff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2378f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNE36ddXL%22%20x1%3D%229.433%22%20x2%3D%2216.403%22%20y1%3D%227.573%22%20y2%3D%2215.382%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2362ffff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%2385e7ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d0f0ff%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/souls.svg?color=%231a73e8&size=48