sha logo
sha-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- sha-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the sha 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(#SVGHcSWxdhd2)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGfzZ9Cecc)" d="M12.2 4.036a.53.53 0 0 0-.389 0q-2.702.973-5.401 1.953c-.22.084-.352.268-.352.393v5.033c0 3.134.834 4.67 1.785 5.805c1.853 1.987 3.796 2.618 3.971 2.733c.13.085.317.036.395 0c1.696-.745 3.215-1.887 3.938-2.733c1.428-1.675 1.795-3.174 1.795-5.806V6.337c0-.204-.2-.317-.3-.349z"/><path fill="url(#SVG1VyWzHqU)" d="M12.184 4.49a.48.48 0 0 0-.358 0Q9.33 5.407 6.84 6.33c-.203.079-.325.252-.325.37v4.745c0 2.955.77 4.402 1.647 5.473c1.711 1.873 3.504 2.468 3.666 2.577c.12.08.293.033.365 0c1.565-.703 2.968-1.779 3.634-2.577c1.319-1.579 1.658-2.992 1.658-5.473V6.659c0-.192-.185-.299-.278-.328z"/><path fill="url(#SVGYG217bJx)" d="M12.169 4.946a.43.43 0 0 0-.329 0q-2.286.86-4.57 1.73c-.186.073-.298.236-.298.347v4.457c0 2.776.705 4.136 1.51 5.14c1.568 1.76 3.212 2.32 3.36 2.422c.11.075.269.032.335 0c1.434-.66 2.72-1.671 3.331-2.421c1.208-1.483 1.52-2.81 1.52-5.141V6.985c0-.181-.17-.282-.255-.309z"/><path fill="url(#SVGrlrFSb1r)" d="M12.668 11.141a1.371 1.371 0 1 0-1.346-.006l-.693 2.922h2.743z"/></g><defs><linearGradient id="SVGfzZ9Cecc" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#132368"/><stop offset="1" stop-color="#b02cbc"/></linearGradient><linearGradient id="SVG1VyWzHqU" x1="12" x2="12" y1="3.999" y2="19.999" gradientUnits="userSpaceOnUse"><stop stop-color="#f8f9fb"/><stop offset="1" stop-color="#af2cbb"/></linearGradient><linearGradient id="SVGYG217bJx" x1="12" x2="12" y1="3.999" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#1b246c"/><stop offset=".496" stop-color="#a27dc3"/><stop offset="1" stop-color="#faeffd"/></linearGradient><linearGradient id="SVGrlrFSb1r" x1="12.008" x2="12.008" y1="8.637" y2="14.137" gradientUnits="userSpaceOnUse"><stop stop-color="#31237b"/><stop offset="1" stop-color="#72259e"/></linearGradient><clipPath id="SVGHcSWxdhd2"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedShaBackground(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(#SVGHcSWxdhd2)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGfzZ9Cecc)" d="M12.2 4.036a.53.53 0 0 0-.389 0q-2.702.973-5.401 1.953c-.22.084-.352.268-.352.393v5.033c0 3.134.834 4.67 1.785 5.805c1.853 1.987 3.796 2.618 3.971 2.733c.13.085.317.036.395 0c1.696-.745 3.215-1.887 3.938-2.733c1.428-1.675 1.795-3.174 1.795-5.806V6.337c0-.204-.2-.317-.3-.349z"/><path fill="url(#SVG1VyWzHqU)" d="M12.184 4.49a.48.48 0 0 0-.358 0Q9.33 5.407 6.84 6.33c-.203.079-.325.252-.325.37v4.745c0 2.955.77 4.402 1.647 5.473c1.711 1.873 3.504 2.468 3.666 2.577c.12.08.293.033.365 0c1.565-.703 2.968-1.779 3.634-2.577c1.319-1.579 1.658-2.992 1.658-5.473V6.659c0-.192-.185-.299-.278-.328z"/><path fill="url(#SVGYG217bJx)" d="M12.169 4.946a.43.43 0 0 0-.329 0q-2.286.86-4.57 1.73c-.186.073-.298.236-.298.347v4.457c0 2.776.705 4.136 1.51 5.14c1.568 1.76 3.212 2.32 3.36 2.422c.11.075.269.032.335 0c1.434-.66 2.72-1.671 3.331-2.421c1.208-1.483 1.52-2.81 1.52-5.141V6.985c0-.181-.17-.282-.255-.309z"/><path fill="url(#SVGrlrFSb1r)" d="M12.668 11.141a1.371 1.371 0 1 0-1.346-.006l-.693 2.922h2.743z"/></g><defs><linearGradient id="SVGfzZ9Cecc" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stopColor="#132368"/><stop offset="1" stopColor="#b02cbc"/></linearGradient><linearGradient id="SVG1VyWzHqU" x1="12" x2="12" y1="3.999" y2="19.999" gradientUnits="userSpaceOnUse"><stop stopColor="#f8f9fb"/><stop offset="1" stopColor="#af2cbb"/></linearGradient><linearGradient id="SVGYG217bJx" x1="12" x2="12" y1="3.999" y2="20" gradientUnits="userSpaceOnUse"><stop stopColor="#1b246c"/><stop offset=".496" stopColor="#a27dc3"/><stop offset="1" stopColor="#faeffd"/></linearGradient><linearGradient id="SVGrlrFSb1r" x1="12.008" x2="12.008" y1="8.637" y2="14.137" gradientUnits="userSpaceOnUse"><stop stopColor="#31237b"/><stop offset="1" stopColor="#72259e"/></linearGradient><clipPath id="SVGHcSWxdhd2"><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(#SVGHcSWxdhd2)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGfzZ9Cecc)" d="M12.2 4.036a.53.53 0 0 0-.389 0q-2.702.973-5.401 1.953c-.22.084-.352.268-.352.393v5.033c0 3.134.834 4.67 1.785 5.805c1.853 1.987 3.796 2.618 3.971 2.733c.13.085.317.036.395 0c1.696-.745 3.215-1.887 3.938-2.733c1.428-1.675 1.795-3.174 1.795-5.806V6.337c0-.204-.2-.317-.3-.349z"/><path fill="url(#SVG1VyWzHqU)" d="M12.184 4.49a.48.48 0 0 0-.358 0Q9.33 5.407 6.84 6.33c-.203.079-.325.252-.325.37v4.745c0 2.955.77 4.402 1.647 5.473c1.711 1.873 3.504 2.468 3.666 2.577c.12.08.293.033.365 0c1.565-.703 2.968-1.779 3.634-2.577c1.319-1.579 1.658-2.992 1.658-5.473V6.659c0-.192-.185-.299-.278-.328z"/><path fill="url(#SVGYG217bJx)" d="M12.169 4.946a.43.43 0 0 0-.329 0q-2.286.86-4.57 1.73c-.186.073-.298.236-.298.347v4.457c0 2.776.705 4.136 1.51 5.14c1.568 1.76 3.212 2.32 3.36 2.422c.11.075.269.032.335 0c1.434-.66 2.72-1.671 3.331-2.421c1.208-1.483 1.52-2.81 1.52-5.141V6.985c0-.181-.17-.282-.255-.309z"/><path fill="url(#SVGrlrFSb1r)" d="M12.668 11.141a1.371 1.371 0 1 0-1.346-.006l-.693 2.922h2.743z"/></g><defs><linearGradient id="SVGfzZ9Cecc" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#132368"/><stop offset="1" stop-color="#b02cbc"/></linearGradient><linearGradient id="SVG1VyWzHqU" x1="12" x2="12" y1="3.999" y2="19.999" gradientUnits="userSpaceOnUse"><stop stop-color="#f8f9fb"/><stop offset="1" stop-color="#af2cbb"/></linearGradient><linearGradient id="SVGYG217bJx" x1="12" x2="12" y1="3.999" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#1b246c"/><stop offset=".496" stop-color="#a27dc3"/><stop offset="1" stop-color="#faeffd"/></linearGradient><linearGradient id="SVGrlrFSb1r" x1="12.008" x2="12.008" y1="8.637" y2="14.137" gradientUnits="userSpaceOnUse"><stop stop-color="#31237b"/><stop offset="1" stop-color="#72259e"/></linearGradient><clipPath id="SVGHcSWxdhd2"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sha-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(%23SVGHcSWxdhd2)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfzZ9Cecc)%22%20d%3D%22M12.2%204.036a.53.53%200%200%200-.389%200q-2.702.973-5.401%201.953c-.22.084-.352.268-.352.393v5.033c0%203.134.834%204.67%201.785%205.805c1.853%201.987%203.796%202.618%203.971%202.733c.13.085.317.036.395%200c1.696-.745%203.215-1.887%203.938-2.733c1.428-1.675%201.795-3.174%201.795-5.806V6.337c0-.204-.2-.317-.3-.349z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1VyWzHqU)%22%20d%3D%22M12.184%204.49a.48.48%200%200%200-.358%200Q9.33%205.407%206.84%206.33c-.203.079-.325.252-.325.37v4.745c0%202.955.77%204.402%201.647%205.473c1.711%201.873%203.504%202.468%203.666%202.577c.12.08.293.033.365%200c1.565-.703%202.968-1.779%203.634-2.577c1.319-1.579%201.658-2.992%201.658-5.473V6.659c0-.192-.185-.299-.278-.328z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYG217bJx)%22%20d%3D%22M12.169%204.946a.43.43%200%200%200-.329%200q-2.286.86-4.57%201.73c-.186.073-.298.236-.298.347v4.457c0%202.776.705%204.136%201.51%205.14c1.568%201.76%203.212%202.32%203.36%202.422c.11.075.269.032.335%200c1.434-.66%202.72-1.671%203.331-2.421c1.208-1.483%201.52-2.81%201.52-5.141V6.985c0-.181-.17-.282-.255-.309z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGrlrFSb1r)%22%20d%3D%22M12.668%2011.141a1.371%201.371%200%201%200-1.346-.006l-.693%202.922h2.743z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfzZ9Cecc%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23132368%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b02cbc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG1VyWzHqU%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.999%22%20y2%3D%2219.999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f8f9fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23af2cbb%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGYG217bJx%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.999%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231b246c%22%2F%3E%3Cstop%20offset%3D%22.496%22%20stop-color%3D%22%23a27dc3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23faeffd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGrlrFSb1r%22%20x1%3D%2212.008%22%20x2%3D%2212.008%22%20y1%3D%228.637%22%20y2%3D%2214.137%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2331237b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2372259e%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd2%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(%23SVGHcSWxdhd2)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfzZ9Cecc)%22%20d%3D%22M12.2%204.036a.53.53%200%200%200-.389%200q-2.702.973-5.401%201.953c-.22.084-.352.268-.352.393v5.033c0%203.134.834%204.67%201.785%205.805c1.853%201.987%203.796%202.618%203.971%202.733c.13.085.317.036.395%200c1.696-.745%203.215-1.887%203.938-2.733c1.428-1.675%201.795-3.174%201.795-5.806V6.337c0-.204-.2-.317-.3-.349z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1VyWzHqU)%22%20d%3D%22M12.184%204.49a.48.48%200%200%200-.358%200Q9.33%205.407%206.84%206.33c-.203.079-.325.252-.325.37v4.745c0%202.955.77%204.402%201.647%205.473c1.711%201.873%203.504%202.468%203.666%202.577c.12.08.293.033.365%200c1.565-.703%202.968-1.779%203.634-2.577c1.319-1.579%201.658-2.992%201.658-5.473V6.659c0-.192-.185-.299-.278-.328z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYG217bJx)%22%20d%3D%22M12.169%204.946a.43.43%200%200%200-.329%200q-2.286.86-4.57%201.73c-.186.073-.298.236-.298.347v4.457c0%202.776.705%204.136%201.51%205.14c1.568%201.76%203.212%202.32%203.36%202.422c.11.075.269.032.335%200c1.434-.66%202.72-1.671%203.331-2.421c1.208-1.483%201.52-2.81%201.52-5.141V6.985c0-.181-.17-.282-.255-.309z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGrlrFSb1r)%22%20d%3D%22M12.668%2011.141a1.371%201.371%200%201%200-1.346-.006l-.693%202.922h2.743z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfzZ9Cecc%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23132368%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b02cbc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG1VyWzHqU%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.999%22%20y2%3D%2219.999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f8f9fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23af2cbb%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGYG217bJx%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.999%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231b246c%22%2F%3E%3Cstop%20offset%3D%22.496%22%20stop-color%3D%22%23a27dc3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23faeffd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGrlrFSb1r%22%20x1%3D%2212.008%22%20x2%3D%2212.008%22%20y1%3D%228.637%22%20y2%3D%2214.137%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2331237b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2372259e%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd2%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/sha-background.svg?color=%231a73e8&size=48
