soul logo

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

Name: soul
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 soul 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(#SVGkx6Ypejx)" d="M17.81 8.849H6.215c-1.762 0-3.19 1.412-3.19 3.154s1.428 3.153 3.19 3.153h11.593c1.762 0 3.19-1.412 3.19-3.153s-1.428-3.154-3.19-3.154"/><path fill="url(#SVGe8gR0cWr)" d="m9.746 3.933l-5.81 5.786a3.174 3.174 0 0 0 0 4.502a3.205 3.205 0 0 0 4.52 0l5.81-5.786a3.174 3.174 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0"/><path fill="url(#SVGQNmOoeaZ)" d="m15.544 9.779l-5.81 5.787a3.174 3.174 0 0 0 0 4.501a3.205 3.205 0 0 0 4.52 0l5.81-5.786a3.175 3.175 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0"/><defs><radialGradient id="SVGkx6Ypejx" cx="0" cy="0" r="1" gradientTransform="rotate(152.033 8.102 6.706)scale(11.246 9.68923)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffd8b0"/><stop offset=".359" stop-color="#ffa3ac"/><stop offset="1" stop-color="#ff87cd"/></radialGradient><radialGradient id="SVGe8gR0cWr" cx="0" cy="0" r="1" gradientTransform="rotate(135.115 4.847 5.285)scale(9.52642 11.0623)" gradientUnits="userSpaceOnUse"><stop offset=".25" stop-color="#ff2e79"/><stop offset=".87" stop-color="#ff8bd1"/></radialGradient><radialGradient id="SVGQNmOoeaZ" cx="0" cy="0" r="1" gradientTransform="rotate(-47.685 26.373 -4.382)scale(12.0539 7.71216)" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#ff2b9d"/><stop offset=".724" stop-color="#ff9bbf"/><stop offset=".958" stop-color="#fac7bd"/></radialGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedSoul(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(#SVGkx6Ypejx)" d="M17.81 8.849H6.215c-1.762 0-3.19 1.412-3.19 3.154s1.428 3.153 3.19 3.153h11.593c1.762 0 3.19-1.412 3.19-3.153s-1.428-3.154-3.19-3.154"/><path fill="url(#SVGe8gR0cWr)" d="m9.746 3.933l-5.81 5.786a3.174 3.174 0 0 0 0 4.502a3.205 3.205 0 0 0 4.52 0l5.81-5.786a3.174 3.174 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0"/><path fill="url(#SVGQNmOoeaZ)" d="m15.544 9.779l-5.81 5.787a3.174 3.174 0 0 0 0 4.501a3.205 3.205 0 0 0 4.52 0l5.81-5.786a3.175 3.175 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0"/><defs><radialGradient id="SVGkx6Ypejx" cx="0" cy="0" r="1" gradientTransform="rotate(152.033 8.102 6.706)scale(11.246 9.68923)" gradientUnits="userSpaceOnUse"><stop stopColor="#ffd8b0"/><stop offset=".359" stopColor="#ffa3ac"/><stop offset="1" stopColor="#ff87cd"/></radialGradient><radialGradient id="SVGe8gR0cWr" cx="0" cy="0" r="1" gradientTransform="rotate(135.115 4.847 5.285)scale(9.52642 11.0623)" gradientUnits="userSpaceOnUse"><stop offset=".25" stopColor="#ff2e79"/><stop offset=".87" stopColor="#ff8bd1"/></radialGradient><radialGradient id="SVGQNmOoeaZ" cx="0" cy="0" r="1" gradientTransform="rotate(-47.685 26.373 -4.382)scale(12.0539 7.71216)" gradientUnits="userSpaceOnUse"><stop offset=".13" stopColor="#ff2b9d"/><stop offset=".724" stopColor="#ff9bbf"/><stop offset=".958" stopColor="#fac7bd"/></radialGradient></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(#SVGkx6Ypejx)" d="M17.81 8.849H6.215c-1.762 0-3.19 1.412-3.19 3.154s1.428 3.153 3.19 3.153h11.593c1.762 0 3.19-1.412 3.19-3.153s-1.428-3.154-3.19-3.154"/><path fill="url(#SVGe8gR0cWr)" d="m9.746 3.933l-5.81 5.786a3.174 3.174 0 0 0 0 4.502a3.205 3.205 0 0 0 4.52 0l5.81-5.786a3.174 3.174 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0"/><path fill="url(#SVGQNmOoeaZ)" d="m15.544 9.779l-5.81 5.787a3.174 3.174 0 0 0 0 4.501a3.205 3.205 0 0 0 4.52 0l5.81-5.786a3.175 3.175 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0"/><defs><radialGradient id="SVGkx6Ypejx" cx="0" cy="0" r="1" gradientTransform="rotate(152.033 8.102 6.706)scale(11.246 9.68923)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffd8b0"/><stop offset=".359" stop-color="#ffa3ac"/><stop offset="1" stop-color="#ff87cd"/></radialGradient><radialGradient id="SVGe8gR0cWr" cx="0" cy="0" r="1" gradientTransform="rotate(135.115 4.847 5.285)scale(9.52642 11.0623)" gradientUnits="userSpaceOnUse"><stop offset=".25" stop-color="#ff2e79"/><stop offset=".87" stop-color="#ff8bd1"/></radialGradient><radialGradient id="SVGQNmOoeaZ" cx="0" cy="0" r="1" gradientTransform="rotate(-47.685 26.373 -4.382)scale(12.0539 7.71216)" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#ff2b9d"/><stop offset=".724" stop-color="#ff9bbf"/><stop offset=".958" stop-color="#fac7bd"/></radialGradient></defs></g></svg>
</template>

CSS

.icon-soul {
  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(%23SVGkx6Ypejx)%22%20d%3D%22M17.81%208.849H6.215c-1.762%200-3.19%201.412-3.19%203.154s1.428%203.153%203.19%203.153h11.593c1.762%200%203.19-1.412%203.19-3.153s-1.428-3.154-3.19-3.154%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGe8gR0cWr)%22%20d%3D%22m9.746%203.933l-5.81%205.786a3.174%203.174%200%200%200%200%204.502a3.205%203.205%200%200%200%204.52%200l5.81-5.786a3.174%203.174%200%200%200%200-4.502a3.205%203.205%200%200%200-4.52%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQNmOoeaZ)%22%20d%3D%22m15.544%209.779l-5.81%205.787a3.174%203.174%200%200%200%200%204.501a3.205%203.205%200%200%200%204.52%200l5.81-5.786a3.175%203.175%200%200%200%200-4.502a3.205%203.205%200%200%200-4.52%200%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGkx6Ypejx%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(152.033%208.102%206.706)scale(11.246%209.68923)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffd8b0%22%2F%3E%3Cstop%20offset%3D%22.359%22%20stop-color%3D%22%23ffa3ac%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff87cd%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGe8gR0cWr%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(135.115%204.847%205.285)scale(9.52642%2011.0623)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%23ff2e79%22%2F%3E%3Cstop%20offset%3D%22.87%22%20stop-color%3D%22%23ff8bd1%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGQNmOoeaZ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-47.685%2026.373%20-4.382)scale(12.0539%207.71216)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.13%22%20stop-color%3D%22%23ff2b9d%22%2F%3E%3Cstop%20offset%3D%22.724%22%20stop-color%3D%22%23ff9bbf%22%2F%3E%3Cstop%20offset%3D%22.958%22%20stop-color%3D%22%23fac7bd%22%2F%3E%3C%2FradialGradient%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(%23SVGkx6Ypejx)%22%20d%3D%22M17.81%208.849H6.215c-1.762%200-3.19%201.412-3.19%203.154s1.428%203.153%203.19%203.153h11.593c1.762%200%203.19-1.412%203.19-3.153s-1.428-3.154-3.19-3.154%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGe8gR0cWr)%22%20d%3D%22m9.746%203.933l-5.81%205.786a3.174%203.174%200%200%200%200%204.502a3.205%203.205%200%200%200%204.52%200l5.81-5.786a3.174%203.174%200%200%200%200-4.502a3.205%203.205%200%200%200-4.52%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQNmOoeaZ)%22%20d%3D%22m15.544%209.779l-5.81%205.787a3.174%203.174%200%200%200%200%204.501a3.205%203.205%200%200%200%204.52%200l5.81-5.786a3.175%203.175%200%200%200%200-4.502a3.205%203.205%200%200%200-4.52%200%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGkx6Ypejx%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(152.033%208.102%206.706)scale(11.246%209.68923)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffd8b0%22%2F%3E%3Cstop%20offset%3D%22.359%22%20stop-color%3D%22%23ffa3ac%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff87cd%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGe8gR0cWr%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(135.115%204.847%205.285)scale(9.52642%2011.0623)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%23ff2e79%22%2F%3E%3Cstop%20offset%3D%22.87%22%20stop-color%3D%22%23ff8bd1%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGQNmOoeaZ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-47.685%2026.373%20-4.382)scale(12.0539%207.71216)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.13%22%20stop-color%3D%22%23ff2b9d%22%2F%3E%3Cstop%20offset%3D%22.724%22%20stop-color%3D%22%23ff9bbf%22%2F%3E%3Cstop%20offset%3D%22.958%22%20stop-color%3D%22%23fac7bd%22%2F%3E%3C%2FradialGradient%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/soul.svg?color=%231a73e8&size=48