sha logo
sha from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- sha
- Set
- Web3 Icons Branded
- Style
- Branded
- 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"><path fill="url(#SVGUHIAzcBQ)" d="M12.225 3.04a.6.6 0 0 0-.438 0q-3.04 1.095-6.076 2.198c-.247.094-.396.3-.396.442v5.662c0 3.526.938 5.253 2.008 6.53c2.085 2.235 4.271 2.946 4.468 3.075c.146.096.356.04.444 0c1.908-.838 3.617-2.123 4.43-3.075c1.606-1.884 2.02-3.57 2.02-6.531V5.629c0-.229-.225-.356-.338-.392z"/><path fill="url(#SVG2r6R61Mk)" d="M12.208 3.551a.54.54 0 0 0-.404 0q-2.805 1.032-5.61 2.072c-.228.088-.365.283-.365.416v5.338c0 3.325.866 4.952 1.854 6.156c1.925 2.108 3.942 2.778 4.124 2.9c.134.09.33.037.41 0c1.76-.79 3.339-2.001 4.089-2.9c1.483-1.775 1.864-3.366 1.864-6.156V5.992c0-.216-.208-.337-.312-.37z"/><path fill="url(#SVGuAyUDcQD)" d="M12.19 4.064a.48.48 0 0 0-.37 0q-2.573.97-5.142 1.946c-.209.083-.335.266-.335.39v5.015c0 3.123.794 4.653 1.7 5.784c1.764 1.98 3.613 2.61 3.78 2.723c.123.085.302.036.376 0c1.614-.742 3.06-1.88 3.748-2.724c1.359-1.668 1.71-3.162 1.71-5.783V6.358c0-.204-.191-.317-.287-.347z"/><path fill="url(#SVGk5zKkbaO)" d="M12.75 11.034a1.543 1.543 0 1 0-1.514-.007l-.779 3.287h3.086z"/><defs><linearGradient id="SVGUHIAzcBQ" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#132368"/><stop offset="1" stop-color="#b02cbc"/></linearGradient><linearGradient id="SVG2r6R61Mk" x1="12" x2="12" y1="2.999" y2="20.999" gradientUnits="userSpaceOnUse"><stop stop-color="#f8f9fb"/><stop offset="1" stop-color="#af2cbb"/></linearGradient><linearGradient id="SVGuAyUDcQD" x1="12" x2="12" y1="2.999" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#1b246c"/><stop offset=".496" stop-color="#a27dc3"/><stop offset="1" stop-color="#faeffd"/></linearGradient><linearGradient id="SVGk5zKkbaO" x1="12.008" x2="12.008" y1="8.217" y2="14.404" gradientUnits="userSpaceOnUse"><stop stop-color="#31237b"/><stop offset="1" stop-color="#72259e"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSha(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(#SVGUHIAzcBQ)" d="M12.225 3.04a.6.6 0 0 0-.438 0q-3.04 1.095-6.076 2.198c-.247.094-.396.3-.396.442v5.662c0 3.526.938 5.253 2.008 6.53c2.085 2.235 4.271 2.946 4.468 3.075c.146.096.356.04.444 0c1.908-.838 3.617-2.123 4.43-3.075c1.606-1.884 2.02-3.57 2.02-6.531V5.629c0-.229-.225-.356-.338-.392z"/><path fill="url(#SVG2r6R61Mk)" d="M12.208 3.551a.54.54 0 0 0-.404 0q-2.805 1.032-5.61 2.072c-.228.088-.365.283-.365.416v5.338c0 3.325.866 4.952 1.854 6.156c1.925 2.108 3.942 2.778 4.124 2.9c.134.09.33.037.41 0c1.76-.79 3.339-2.001 4.089-2.9c1.483-1.775 1.864-3.366 1.864-6.156V5.992c0-.216-.208-.337-.312-.37z"/><path fill="url(#SVGuAyUDcQD)" d="M12.19 4.064a.48.48 0 0 0-.37 0q-2.573.97-5.142 1.946c-.209.083-.335.266-.335.39v5.015c0 3.123.794 4.653 1.7 5.784c1.764 1.98 3.613 2.61 3.78 2.723c.123.085.302.036.376 0c1.614-.742 3.06-1.88 3.748-2.724c1.359-1.668 1.71-3.162 1.71-5.783V6.358c0-.204-.191-.317-.287-.347z"/><path fill="url(#SVGk5zKkbaO)" d="M12.75 11.034a1.543 1.543 0 1 0-1.514-.007l-.779 3.287h3.086z"/><defs><linearGradient id="SVGUHIAzcBQ" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stopColor="#132368"/><stop offset="1" stopColor="#b02cbc"/></linearGradient><linearGradient id="SVG2r6R61Mk" x1="12" x2="12" y1="2.999" y2="20.999" gradientUnits="userSpaceOnUse"><stop stopColor="#f8f9fb"/><stop offset="1" stopColor="#af2cbb"/></linearGradient><linearGradient id="SVGuAyUDcQD" x1="12" x2="12" y1="2.999" y2="21" gradientUnits="userSpaceOnUse"><stop stopColor="#1b246c"/><stop offset=".496" stopColor="#a27dc3"/><stop offset="1" stopColor="#faeffd"/></linearGradient><linearGradient id="SVGk5zKkbaO" x1="12.008" x2="12.008" y1="8.217" y2="14.404" gradientUnits="userSpaceOnUse"><stop stopColor="#31237b"/><stop offset="1" stopColor="#72259e"/></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(#SVGUHIAzcBQ)" d="M12.225 3.04a.6.6 0 0 0-.438 0q-3.04 1.095-6.076 2.198c-.247.094-.396.3-.396.442v5.662c0 3.526.938 5.253 2.008 6.53c2.085 2.235 4.271 2.946 4.468 3.075c.146.096.356.04.444 0c1.908-.838 3.617-2.123 4.43-3.075c1.606-1.884 2.02-3.57 2.02-6.531V5.629c0-.229-.225-.356-.338-.392z"/><path fill="url(#SVG2r6R61Mk)" d="M12.208 3.551a.54.54 0 0 0-.404 0q-2.805 1.032-5.61 2.072c-.228.088-.365.283-.365.416v5.338c0 3.325.866 4.952 1.854 6.156c1.925 2.108 3.942 2.778 4.124 2.9c.134.09.33.037.41 0c1.76-.79 3.339-2.001 4.089-2.9c1.483-1.775 1.864-3.366 1.864-6.156V5.992c0-.216-.208-.337-.312-.37z"/><path fill="url(#SVGuAyUDcQD)" d="M12.19 4.064a.48.48 0 0 0-.37 0q-2.573.97-5.142 1.946c-.209.083-.335.266-.335.39v5.015c0 3.123.794 4.653 1.7 5.784c1.764 1.98 3.613 2.61 3.78 2.723c.123.085.302.036.376 0c1.614-.742 3.06-1.88 3.748-2.724c1.359-1.668 1.71-3.162 1.71-5.783V6.358c0-.204-.191-.317-.287-.347z"/><path fill="url(#SVGk5zKkbaO)" d="M12.75 11.034a1.543 1.543 0 1 0-1.514-.007l-.779 3.287h3.086z"/><defs><linearGradient id="SVGUHIAzcBQ" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#132368"/><stop offset="1" stop-color="#b02cbc"/></linearGradient><linearGradient id="SVG2r6R61Mk" x1="12" x2="12" y1="2.999" y2="20.999" gradientUnits="userSpaceOnUse"><stop stop-color="#f8f9fb"/><stop offset="1" stop-color="#af2cbb"/></linearGradient><linearGradient id="SVGuAyUDcQD" x1="12" x2="12" y1="2.999" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#1b246c"/><stop offset=".496" stop-color="#a27dc3"/><stop offset="1" stop-color="#faeffd"/></linearGradient><linearGradient id="SVGk5zKkbaO" x1="12.008" x2="12.008" y1="8.217" y2="14.404" gradientUnits="userSpaceOnUse"><stop stop-color="#31237b"/><stop offset="1" stop-color="#72259e"/></linearGradient></defs></g></svg> </template>
CSS
.icon-sha {
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(%23SVGUHIAzcBQ)%22%20d%3D%22M12.225%203.04a.6.6%200%200%200-.438%200q-3.04%201.095-6.076%202.198c-.247.094-.396.3-.396.442v5.662c0%203.526.938%205.253%202.008%206.53c2.085%202.235%204.271%202.946%204.468%203.075c.146.096.356.04.444%200c1.908-.838%203.617-2.123%204.43-3.075c1.606-1.884%202.02-3.57%202.02-6.531V5.629c0-.229-.225-.356-.338-.392z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2r6R61Mk)%22%20d%3D%22M12.208%203.551a.54.54%200%200%200-.404%200q-2.805%201.032-5.61%202.072c-.228.088-.365.283-.365.416v5.338c0%203.325.866%204.952%201.854%206.156c1.925%202.108%203.942%202.778%204.124%202.9c.134.09.33.037.41%200c1.76-.79%203.339-2.001%204.089-2.9c1.483-1.775%201.864-3.366%201.864-6.156V5.992c0-.216-.208-.337-.312-.37z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuAyUDcQD)%22%20d%3D%22M12.19%204.064a.48.48%200%200%200-.37%200q-2.573.97-5.142%201.946c-.209.083-.335.266-.335.39v5.015c0%203.123.794%204.653%201.7%205.784c1.764%201.98%203.613%202.61%203.78%202.723c.123.085.302.036.376%200c1.614-.742%203.06-1.88%203.748-2.724c1.359-1.668%201.71-3.162%201.71-5.783V6.358c0-.204-.191-.317-.287-.347z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGk5zKkbaO)%22%20d%3D%22M12.75%2011.034a1.543%201.543%200%201%200-1.514-.007l-.779%203.287h3.086z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGUHIAzcBQ%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221%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%22SVG2r6R61Mk%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222.999%22%20y2%3D%2220.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%22SVGuAyUDcQD%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222.999%22%20y2%3D%2221%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%22SVGk5zKkbaO%22%20x1%3D%2212.008%22%20x2%3D%2212.008%22%20y1%3D%228.217%22%20y2%3D%2214.404%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%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(%23SVGUHIAzcBQ)%22%20d%3D%22M12.225%203.04a.6.6%200%200%200-.438%200q-3.04%201.095-6.076%202.198c-.247.094-.396.3-.396.442v5.662c0%203.526.938%205.253%202.008%206.53c2.085%202.235%204.271%202.946%204.468%203.075c.146.096.356.04.444%200c1.908-.838%203.617-2.123%204.43-3.075c1.606-1.884%202.02-3.57%202.02-6.531V5.629c0-.229-.225-.356-.338-.392z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2r6R61Mk)%22%20d%3D%22M12.208%203.551a.54.54%200%200%200-.404%200q-2.805%201.032-5.61%202.072c-.228.088-.365.283-.365.416v5.338c0%203.325.866%204.952%201.854%206.156c1.925%202.108%203.942%202.778%204.124%202.9c.134.09.33.037.41%200c1.76-.79%203.339-2.001%204.089-2.9c1.483-1.775%201.864-3.366%201.864-6.156V5.992c0-.216-.208-.337-.312-.37z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuAyUDcQD)%22%20d%3D%22M12.19%204.064a.48.48%200%200%200-.37%200q-2.573.97-5.142%201.946c-.209.083-.335.266-.335.39v5.015c0%203.123.794%204.653%201.7%205.784c1.764%201.98%203.613%202.61%203.78%202.723c.123.085.302.036.376%200c1.614-.742%203.06-1.88%203.748-2.724c1.359-1.668%201.71-3.162%201.71-5.783V6.358c0-.204-.191-.317-.287-.347z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGk5zKkbaO)%22%20d%3D%22M12.75%2011.034a1.543%201.543%200%201%200-1.514-.007l-.779%203.287h3.086z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGUHIAzcBQ%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221%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%22SVG2r6R61Mk%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222.999%22%20y2%3D%2220.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%22SVGuAyUDcQD%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222.999%22%20y2%3D%2221%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%22SVGk5zKkbaO%22%20x1%3D%2212.008%22%20x2%3D%2212.008%22%20y1%3D%228.217%22%20y2%3D%2214.404%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%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.svg?color=%231a73e8&size=48
