starknet logo
starknet-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- starknet-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the starknet 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(#SVGHcSWxdhd69)"><path fill="#0c0c4f" d="M24 0H0v24h24z"/><path fill="#fafafa" fill-rule="evenodd" d="m7.824 9.683l.248-.766a.5.5 0 0 1 .33-.325l.77-.237c.107-.033.107-.183.002-.218l-.767-.248a.5.5 0 0 1-.325-.33l-.237-.77c-.032-.106-.183-.108-.217-.002l-.248.767a.5.5 0 0 1-.33.325l-.77.237a.114.114 0 0 0-.002.217l.767.248c.155.05.276.174.325.33l.236.77a.114.114 0 0 0 .218.002" clip-rule="evenodd"/><path fill="url(#SVG5sLj9bwS)" fill-rule="evenodd" d="M20 9.237c-.318-.355-.813-.555-1.295-.637a4.5 4.5 0 0 0-1.475.014c-.97.164-1.851.566-2.62 1.061c-.4.243-.74.525-1.092.811c-.17.145-.325.3-.486.452l-.441.438c-.48.501-.952.957-1.409 1.335c-.458.377-.887.663-1.31.862a3.5 3.5 0 0 1-1.463.338c-.584.02-1.275-.085-2.014-.26c-.743-.172-1.523-.419-2.395-.631c.304.843.762 1.59 1.35 2.271c.595.67 1.338 1.28 2.293 1.682a5.55 5.55 0 0 0 3.228.335c1.108-.213 2.081-.726 2.867-1.319a10.2 10.2 0 0 0 1.964-1.991c.148-.196.226-.306.334-.46l.297-.439c.206-.272.394-.581.598-.85c.4-.565.795-1.129 1.253-1.648c.231-.264.475-.515.762-.758q.213-.179.47-.338c.174-.112.357-.2.584-.268" clip-rule="evenodd"/><path fill="#fafafa" fill-rule="evenodd" d="M20 9.237c-.341-.861-.975-1.586-1.827-2.12a4.5 4.5 0 0 0-3.186-.57a5.2 5.2 0 0 0-1.621.611a6.8 6.8 0 0 0-1.301.994c-.19.184-.36.376-.53.569l-.44.562l-.682.904c-.867 1.164-1.802 2.528-3.336 2.932c-1.505.397-2.158.046-3.077-.1c.168.434.376.855.658 1.226c.277.378.604.733 1.01 1.037c.206.147.423.29.664.413c.24.119.499.223.775.3a4.5 4.5 0 0 0 1.766.123a5.3 5.3 0 0 0 1.672-.521a7 7 0 0 0 1.335-.875a10.7 10.7 0 0 0 1.898-2.086c.257-.361.49-.73.707-1.098l.255-.438c.078-.128.156-.257.236-.377c.323-.483.638-.87 1.021-1.16c.378-.298.904-.519 1.607-.57c.7-.052 1.508.044 2.396.244" clip-rule="evenodd"/><path fill="#ec796b" fill-rule="evenodd" d="M16.213 16.39a1.145 1.145 0 1 0 2.29 0a1.145 1.145 0 0 0-2.29 0" clip-rule="evenodd"/></g><defs><linearGradient id="SVG5sLj9bwS" x1="22.202" x2="-16.341" y1="2.883" y2="13.996" gradientUnits="userSpaceOnUse"><stop stop-color="#ec796b"/><stop offset="1" stop-color="#d672ef"/></linearGradient><clipPath id="SVGHcSWxdhd69"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedStarknetBackground(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(#SVGHcSWxdhd69)"><path fill="#0c0c4f" d="M24 0H0v24h24z"/><path fill="#fafafa" fillRule="evenodd" d="m7.824 9.683l.248-.766a.5.5 0 0 1 .33-.325l.77-.237c.107-.033.107-.183.002-.218l-.767-.248a.5.5 0 0 1-.325-.33l-.237-.77c-.032-.106-.183-.108-.217-.002l-.248.767a.5.5 0 0 1-.33.325l-.77.237a.114.114 0 0 0-.002.217l.767.248c.155.05.276.174.325.33l.236.77a.114.114 0 0 0 .218.002" clipRule="evenodd"/><path fill="url(#SVG5sLj9bwS)" fillRule="evenodd" d="M20 9.237c-.318-.355-.813-.555-1.295-.637a4.5 4.5 0 0 0-1.475.014c-.97.164-1.851.566-2.62 1.061c-.4.243-.74.525-1.092.811c-.17.145-.325.3-.486.452l-.441.438c-.48.501-.952.957-1.409 1.335c-.458.377-.887.663-1.31.862a3.5 3.5 0 0 1-1.463.338c-.584.02-1.275-.085-2.014-.26c-.743-.172-1.523-.419-2.395-.631c.304.843.762 1.59 1.35 2.271c.595.67 1.338 1.28 2.293 1.682a5.55 5.55 0 0 0 3.228.335c1.108-.213 2.081-.726 2.867-1.319a10.2 10.2 0 0 0 1.964-1.991c.148-.196.226-.306.334-.46l.297-.439c.206-.272.394-.581.598-.85c.4-.565.795-1.129 1.253-1.648c.231-.264.475-.515.762-.758q.213-.179.47-.338c.174-.112.357-.2.584-.268" clipRule="evenodd"/><path fill="#fafafa" fillRule="evenodd" d="M20 9.237c-.341-.861-.975-1.586-1.827-2.12a4.5 4.5 0 0 0-3.186-.57a5.2 5.2 0 0 0-1.621.611a6.8 6.8 0 0 0-1.301.994c-.19.184-.36.376-.53.569l-.44.562l-.682.904c-.867 1.164-1.802 2.528-3.336 2.932c-1.505.397-2.158.046-3.077-.1c.168.434.376.855.658 1.226c.277.378.604.733 1.01 1.037c.206.147.423.29.664.413c.24.119.499.223.775.3a4.5 4.5 0 0 0 1.766.123a5.3 5.3 0 0 0 1.672-.521a7 7 0 0 0 1.335-.875a10.7 10.7 0 0 0 1.898-2.086c.257-.361.49-.73.707-1.098l.255-.438c.078-.128.156-.257.236-.377c.323-.483.638-.87 1.021-1.16c.378-.298.904-.519 1.607-.57c.7-.052 1.508.044 2.396.244" clipRule="evenodd"/><path fill="#ec796b" fillRule="evenodd" d="M16.213 16.39a1.145 1.145 0 1 0 2.29 0a1.145 1.145 0 0 0-2.29 0" clipRule="evenodd"/></g><defs><linearGradient id="SVG5sLj9bwS" x1="22.202" x2="-16.341" y1="2.883" y2="13.996" gradientUnits="userSpaceOnUse"><stop stopColor="#ec796b"/><stop offset="1" stopColor="#d672ef"/></linearGradient><clipPath id="SVGHcSWxdhd69"><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(#SVGHcSWxdhd69)"><path fill="#0c0c4f" d="M24 0H0v24h24z"/><path fill="#fafafa" fill-rule="evenodd" d="m7.824 9.683l.248-.766a.5.5 0 0 1 .33-.325l.77-.237c.107-.033.107-.183.002-.218l-.767-.248a.5.5 0 0 1-.325-.33l-.237-.77c-.032-.106-.183-.108-.217-.002l-.248.767a.5.5 0 0 1-.33.325l-.77.237a.114.114 0 0 0-.002.217l.767.248c.155.05.276.174.325.33l.236.77a.114.114 0 0 0 .218.002" clip-rule="evenodd"/><path fill="url(#SVG5sLj9bwS)" fill-rule="evenodd" d="M20 9.237c-.318-.355-.813-.555-1.295-.637a4.5 4.5 0 0 0-1.475.014c-.97.164-1.851.566-2.62 1.061c-.4.243-.74.525-1.092.811c-.17.145-.325.3-.486.452l-.441.438c-.48.501-.952.957-1.409 1.335c-.458.377-.887.663-1.31.862a3.5 3.5 0 0 1-1.463.338c-.584.02-1.275-.085-2.014-.26c-.743-.172-1.523-.419-2.395-.631c.304.843.762 1.59 1.35 2.271c.595.67 1.338 1.28 2.293 1.682a5.55 5.55 0 0 0 3.228.335c1.108-.213 2.081-.726 2.867-1.319a10.2 10.2 0 0 0 1.964-1.991c.148-.196.226-.306.334-.46l.297-.439c.206-.272.394-.581.598-.85c.4-.565.795-1.129 1.253-1.648c.231-.264.475-.515.762-.758q.213-.179.47-.338c.174-.112.357-.2.584-.268" clip-rule="evenodd"/><path fill="#fafafa" fill-rule="evenodd" d="M20 9.237c-.341-.861-.975-1.586-1.827-2.12a4.5 4.5 0 0 0-3.186-.57a5.2 5.2 0 0 0-1.621.611a6.8 6.8 0 0 0-1.301.994c-.19.184-.36.376-.53.569l-.44.562l-.682.904c-.867 1.164-1.802 2.528-3.336 2.932c-1.505.397-2.158.046-3.077-.1c.168.434.376.855.658 1.226c.277.378.604.733 1.01 1.037c.206.147.423.29.664.413c.24.119.499.223.775.3a4.5 4.5 0 0 0 1.766.123a5.3 5.3 0 0 0 1.672-.521a7 7 0 0 0 1.335-.875a10.7 10.7 0 0 0 1.898-2.086c.257-.361.49-.73.707-1.098l.255-.438c.078-.128.156-.257.236-.377c.323-.483.638-.87 1.021-1.16c.378-.298.904-.519 1.607-.57c.7-.052 1.508.044 2.396.244" clip-rule="evenodd"/><path fill="#ec796b" fill-rule="evenodd" d="M16.213 16.39a1.145 1.145 0 1 0 2.29 0a1.145 1.145 0 0 0-2.29 0" clip-rule="evenodd"/></g><defs><linearGradient id="SVG5sLj9bwS" x1="22.202" x2="-16.341" y1="2.883" y2="13.996" gradientUnits="userSpaceOnUse"><stop stop-color="#ec796b"/><stop offset="1" stop-color="#d672ef"/></linearGradient><clipPath id="SVGHcSWxdhd69"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-starknet-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(%23SVGHcSWxdhd69)%22%3E%3Cpath%20fill%3D%22%230c0c4f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20fill-rule%3D%22evenodd%22%20d%3D%22m7.824%209.683l.248-.766a.5.5%200%200%201%20.33-.325l.77-.237c.107-.033.107-.183.002-.218l-.767-.248a.5.5%200%200%201-.325-.33l-.237-.77c-.032-.106-.183-.108-.217-.002l-.248.767a.5.5%200%200%201-.33.325l-.77.237a.114.114%200%200%200-.002.217l.767.248c.155.05.276.174.325.33l.236.77a.114.114%200%200%200%20.218.002%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG5sLj9bwS)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%209.237c-.318-.355-.813-.555-1.295-.637a4.5%204.5%200%200%200-1.475.014c-.97.164-1.851.566-2.62%201.061c-.4.243-.74.525-1.092.811c-.17.145-.325.3-.486.452l-.441.438c-.48.501-.952.957-1.409%201.335c-.458.377-.887.663-1.31.862a3.5%203.5%200%200%201-1.463.338c-.584.02-1.275-.085-2.014-.26c-.743-.172-1.523-.419-2.395-.631c.304.843.762%201.59%201.35%202.271c.595.67%201.338%201.28%202.293%201.682a5.55%205.55%200%200%200%203.228.335c1.108-.213%202.081-.726%202.867-1.319a10.2%2010.2%200%200%200%201.964-1.991c.148-.196.226-.306.334-.46l.297-.439c.206-.272.394-.581.598-.85c.4-.565.795-1.129%201.253-1.648c.231-.264.475-.515.762-.758q.213-.179.47-.338c.174-.112.357-.2.584-.268%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%209.237c-.341-.861-.975-1.586-1.827-2.12a4.5%204.5%200%200%200-3.186-.57a5.2%205.2%200%200%200-1.621.611a6.8%206.8%200%200%200-1.301.994c-.19.184-.36.376-.53.569l-.44.562l-.682.904c-.867%201.164-1.802%202.528-3.336%202.932c-1.505.397-2.158.046-3.077-.1c.168.434.376.855.658%201.226c.277.378.604.733%201.01%201.037c.206.147.423.29.664.413c.24.119.499.223.775.3a4.5%204.5%200%200%200%201.766.123a5.3%205.3%200%200%200%201.672-.521a7%207%200%200%200%201.335-.875a10.7%2010.7%200%200%200%201.898-2.086c.257-.361.49-.73.707-1.098l.255-.438c.078-.128.156-.257.236-.377c.323-.483.638-.87%201.021-1.16c.378-.298.904-.519%201.607-.57c.7-.052%201.508.044%202.396.244%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23ec796b%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.213%2016.39a1.145%201.145%200%201%200%202.29%200a1.145%201.145%200%200%200-2.29%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG5sLj9bwS%22%20x1%3D%2222.202%22%20x2%3D%22-16.341%22%20y1%3D%222.883%22%20y2%3D%2213.996%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ec796b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d672ef%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd69%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(%23SVGHcSWxdhd69)%22%3E%3Cpath%20fill%3D%22%230c0c4f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20fill-rule%3D%22evenodd%22%20d%3D%22m7.824%209.683l.248-.766a.5.5%200%200%201%20.33-.325l.77-.237c.107-.033.107-.183.002-.218l-.767-.248a.5.5%200%200%201-.325-.33l-.237-.77c-.032-.106-.183-.108-.217-.002l-.248.767a.5.5%200%200%201-.33.325l-.77.237a.114.114%200%200%200-.002.217l.767.248c.155.05.276.174.325.33l.236.77a.114.114%200%200%200%20.218.002%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG5sLj9bwS)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%209.237c-.318-.355-.813-.555-1.295-.637a4.5%204.5%200%200%200-1.475.014c-.97.164-1.851.566-2.62%201.061c-.4.243-.74.525-1.092.811c-.17.145-.325.3-.486.452l-.441.438c-.48.501-.952.957-1.409%201.335c-.458.377-.887.663-1.31.862a3.5%203.5%200%200%201-1.463.338c-.584.02-1.275-.085-2.014-.26c-.743-.172-1.523-.419-2.395-.631c.304.843.762%201.59%201.35%202.271c.595.67%201.338%201.28%202.293%201.682a5.55%205.55%200%200%200%203.228.335c1.108-.213%202.081-.726%202.867-1.319a10.2%2010.2%200%200%200%201.964-1.991c.148-.196.226-.306.334-.46l.297-.439c.206-.272.394-.581.598-.85c.4-.565.795-1.129%201.253-1.648c.231-.264.475-.515.762-.758q.213-.179.47-.338c.174-.112.357-.2.584-.268%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%209.237c-.341-.861-.975-1.586-1.827-2.12a4.5%204.5%200%200%200-3.186-.57a5.2%205.2%200%200%200-1.621.611a6.8%206.8%200%200%200-1.301.994c-.19.184-.36.376-.53.569l-.44.562l-.682.904c-.867%201.164-1.802%202.528-3.336%202.932c-1.505.397-2.158.046-3.077-.1c.168.434.376.855.658%201.226c.277.378.604.733%201.01%201.037c.206.147.423.29.664.413c.24.119.499.223.775.3a4.5%204.5%200%200%200%201.766.123a5.3%205.3%200%200%200%201.672-.521a7%207%200%200%200%201.335-.875a10.7%2010.7%200%200%200%201.898-2.086c.257-.361.49-.73.707-1.098l.255-.438c.078-.128.156-.257.236-.377c.323-.483.638-.87%201.021-1.16c.378-.298.904-.519%201.607-.57c.7-.052%201.508.044%202.396.244%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23ec796b%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.213%2016.39a1.145%201.145%200%201%200%202.29%200a1.145%201.145%200%200%200-2.29%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG5sLj9bwS%22%20x1%3D%2222.202%22%20x2%3D%22-16.341%22%20y1%3D%222.883%22%20y2%3D%2213.996%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ec796b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d672ef%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd69%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/starknet-background.svg?color=%231a73e8&size=48
