myst logo
myst-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- myst-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 myst 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(#SVGHcSWxdhd56)"><path fill="url(#SVGmfC4feVg)" d="M24 0H0v24h24z"/><path fill="#fff" d="m19.952 13.167l-5.188-5.121a.18.18 0 0 0-.24 0l-2.548 2.505L9.48 8.086a.17.17 0 0 0-.242 0l-.78.755l-2.864 2.772l-.626.607l-.92.885a.16.16 0 0 0-.048.123a.2.2 0 0 0 .047.122l2.588 2.554c.068.067.18.067.241 0l2.486-2.45l2.517 2.485c.068.067.18.067.241 0l2.492-2.46l2.505 2.474a.17.17 0 0 0 .124.047a.18.18 0 0 0 .124-.047l2.588-2.554a.16.16 0 0 0 .047-.122c0-.05-.015-.084-.048-.11m-.465.212L18 12.839l-.683-1.453l.394.056l1.87 1.846zm-.84.83l-.442-.932l1.015.368zm-10.244-3.36l-2.097.558l2.097-2.035zM5.8 11.893l1.47-.389l-.096 1.634l-1.788-.838zm1.824-.482l.261-.066l.697 1.056l-1.09 1.192zm1.19.72l-.584-.885l.332-.087l.835.34zm-.067-1.266v-.618l1.988.163l.497 1.472zm1.682 1.913l.712.43l.118 1.64l-1.006-.987zm.968.186l-.903-.551l.068-.43l.85.348q.029.024.067.027l.856.354l.359 1.047zm1.288-.302l.932-.476l-.682 1.2zm1.291-1.033l-.862.441l.206-1.443l1.2.723zm.903-.464l-1.609-.967l-.282-.171l.423-.416l1.83.587l.173.694zm.877-.334l-.427-1.75l1.988 1.961zm.014.342l.365.047l.394 3.663l-1.05-1.036zm.712.102l.435.06l.62 1.321l-.758 1.391zm-1.844-2.868l.214.212l.292 1.193l-1.456-.465zm-2.544 2.513l.65-.641l.256.157l-.262 1.826l-.268.136l-.826-.334l-.677-2.008l.883.87a.19.19 0 0 0 .244-.006M9.353 8.455l1.07 1.054l.186.551l-1.862-.156v-.866zm-4.235 4.099l2.03.946l-.057.9l-1.814-.314l-.862-.85zm1.635 2.996l-1.056-1.042l1.365.238l-.036.525zm2.482-2.453L7.4 14.908l.047-.775l.006-.006l2.276-2.485l.503.203l-.103.628l-.18 1.088l-.47-.464a.173.173 0 0 0-.244 0m2.768 2.487l-.374-.368l-.124-1.791l1.365.83l.124.354zm2.614-2.507a.2.2 0 0 0-.123.046l-1.235 1.22l-.18-.527l1.097-1.92l1.235-.628l-.246 2.267l-.421-.415a.2.2 0 0 0-.127-.043m2.624 2.52l-.333-.329l-.068-.627l.877-1.608l.67 1.431z"/></g><defs><linearGradient id="SVGmfC4feVg" x1="4" x2="20" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#c31f5d"/><stop offset="1" stop-color="#302361"/></linearGradient><clipPath id="SVGHcSWxdhd56"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMystBackground(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(#SVGHcSWxdhd56)"><path fill="url(#SVGmfC4feVg)" d="M24 0H0v24h24z"/><path fill="#fff" d="m19.952 13.167l-5.188-5.121a.18.18 0 0 0-.24 0l-2.548 2.505L9.48 8.086a.17.17 0 0 0-.242 0l-.78.755l-2.864 2.772l-.626.607l-.92.885a.16.16 0 0 0-.048.123a.2.2 0 0 0 .047.122l2.588 2.554c.068.067.18.067.241 0l2.486-2.45l2.517 2.485c.068.067.18.067.241 0l2.492-2.46l2.505 2.474a.17.17 0 0 0 .124.047a.18.18 0 0 0 .124-.047l2.588-2.554a.16.16 0 0 0 .047-.122c0-.05-.015-.084-.048-.11m-.465.212L18 12.839l-.683-1.453l.394.056l1.87 1.846zm-.84.83l-.442-.932l1.015.368zm-10.244-3.36l-2.097.558l2.097-2.035zM5.8 11.893l1.47-.389l-.096 1.634l-1.788-.838zm1.824-.482l.261-.066l.697 1.056l-1.09 1.192zm1.19.72l-.584-.885l.332-.087l.835.34zm-.067-1.266v-.618l1.988.163l.497 1.472zm1.682 1.913l.712.43l.118 1.64l-1.006-.987zm.968.186l-.903-.551l.068-.43l.85.348q.029.024.067.027l.856.354l.359 1.047zm1.288-.302l.932-.476l-.682 1.2zm1.291-1.033l-.862.441l.206-1.443l1.2.723zm.903-.464l-1.609-.967l-.282-.171l.423-.416l1.83.587l.173.694zm.877-.334l-.427-1.75l1.988 1.961zm.014.342l.365.047l.394 3.663l-1.05-1.036zm.712.102l.435.06l.62 1.321l-.758 1.391zm-1.844-2.868l.214.212l.292 1.193l-1.456-.465zm-2.544 2.513l.65-.641l.256.157l-.262 1.826l-.268.136l-.826-.334l-.677-2.008l.883.87a.19.19 0 0 0 .244-.006M9.353 8.455l1.07 1.054l.186.551l-1.862-.156v-.866zm-4.235 4.099l2.03.946l-.057.9l-1.814-.314l-.862-.85zm1.635 2.996l-1.056-1.042l1.365.238l-.036.525zm2.482-2.453L7.4 14.908l.047-.775l.006-.006l2.276-2.485l.503.203l-.103.628l-.18 1.088l-.47-.464a.173.173 0 0 0-.244 0m2.768 2.487l-.374-.368l-.124-1.791l1.365.83l.124.354zm2.614-2.507a.2.2 0 0 0-.123.046l-1.235 1.22l-.18-.527l1.097-1.92l1.235-.628l-.246 2.267l-.421-.415a.2.2 0 0 0-.127-.043m2.624 2.52l-.333-.329l-.068-.627l.877-1.608l.67 1.431z"/></g><defs><linearGradient id="SVGmfC4feVg" x1="4" x2="20" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stopColor="#c31f5d"/><stop offset="1" stopColor="#302361"/></linearGradient><clipPath id="SVGHcSWxdhd56"><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(#SVGHcSWxdhd56)"><path fill="url(#SVGmfC4feVg)" d="M24 0H0v24h24z"/><path fill="#fff" d="m19.952 13.167l-5.188-5.121a.18.18 0 0 0-.24 0l-2.548 2.505L9.48 8.086a.17.17 0 0 0-.242 0l-.78.755l-2.864 2.772l-.626.607l-.92.885a.16.16 0 0 0-.048.123a.2.2 0 0 0 .047.122l2.588 2.554c.068.067.18.067.241 0l2.486-2.45l2.517 2.485c.068.067.18.067.241 0l2.492-2.46l2.505 2.474a.17.17 0 0 0 .124.047a.18.18 0 0 0 .124-.047l2.588-2.554a.16.16 0 0 0 .047-.122c0-.05-.015-.084-.048-.11m-.465.212L18 12.839l-.683-1.453l.394.056l1.87 1.846zm-.84.83l-.442-.932l1.015.368zm-10.244-3.36l-2.097.558l2.097-2.035zM5.8 11.893l1.47-.389l-.096 1.634l-1.788-.838zm1.824-.482l.261-.066l.697 1.056l-1.09 1.192zm1.19.72l-.584-.885l.332-.087l.835.34zm-.067-1.266v-.618l1.988.163l.497 1.472zm1.682 1.913l.712.43l.118 1.64l-1.006-.987zm.968.186l-.903-.551l.068-.43l.85.348q.029.024.067.027l.856.354l.359 1.047zm1.288-.302l.932-.476l-.682 1.2zm1.291-1.033l-.862.441l.206-1.443l1.2.723zm.903-.464l-1.609-.967l-.282-.171l.423-.416l1.83.587l.173.694zm.877-.334l-.427-1.75l1.988 1.961zm.014.342l.365.047l.394 3.663l-1.05-1.036zm.712.102l.435.06l.62 1.321l-.758 1.391zm-1.844-2.868l.214.212l.292 1.193l-1.456-.465zm-2.544 2.513l.65-.641l.256.157l-.262 1.826l-.268.136l-.826-.334l-.677-2.008l.883.87a.19.19 0 0 0 .244-.006M9.353 8.455l1.07 1.054l.186.551l-1.862-.156v-.866zm-4.235 4.099l2.03.946l-.057.9l-1.814-.314l-.862-.85zm1.635 2.996l-1.056-1.042l1.365.238l-.036.525zm2.482-2.453L7.4 14.908l.047-.775l.006-.006l2.276-2.485l.503.203l-.103.628l-.18 1.088l-.47-.464a.173.173 0 0 0-.244 0m2.768 2.487l-.374-.368l-.124-1.791l1.365.83l.124.354zm2.614-2.507a.2.2 0 0 0-.123.046l-1.235 1.22l-.18-.527l1.097-1.92l1.235-.628l-.246 2.267l-.421-.415a.2.2 0 0 0-.127-.043m2.624 2.52l-.333-.329l-.068-.627l.877-1.608l.67 1.431z"/></g><defs><linearGradient id="SVGmfC4feVg" x1="4" x2="20" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#c31f5d"/><stop offset="1" stop-color="#302361"/></linearGradient><clipPath id="SVGHcSWxdhd56"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-myst-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(%23SVGHcSWxdhd56)%22%3E%3Cpath%20fill%3D%22url(%23SVGmfC4feVg)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m19.952%2013.167l-5.188-5.121a.18.18%200%200%200-.24%200l-2.548%202.505L9.48%208.086a.17.17%200%200%200-.242%200l-.78.755l-2.864%202.772l-.626.607l-.92.885a.16.16%200%200%200-.048.123a.2.2%200%200%200%20.047.122l2.588%202.554c.068.067.18.067.241%200l2.486-2.45l2.517%202.485c.068.067.18.067.241%200l2.492-2.46l2.505%202.474a.17.17%200%200%200%20.124.047a.18.18%200%200%200%20.124-.047l2.588-2.554a.16.16%200%200%200%20.047-.122c0-.05-.015-.084-.048-.11m-.465.212L18%2012.839l-.683-1.453l.394.056l1.87%201.846zm-.84.83l-.442-.932l1.015.368zm-10.244-3.36l-2.097.558l2.097-2.035zM5.8%2011.893l1.47-.389l-.096%201.634l-1.788-.838zm1.824-.482l.261-.066l.697%201.056l-1.09%201.192zm1.19.72l-.584-.885l.332-.087l.835.34zm-.067-1.266v-.618l1.988.163l.497%201.472zm1.682%201.913l.712.43l.118%201.64l-1.006-.987zm.968.186l-.903-.551l.068-.43l.85.348q.029.024.067.027l.856.354l.359%201.047zm1.288-.302l.932-.476l-.682%201.2zm1.291-1.033l-.862.441l.206-1.443l1.2.723zm.903-.464l-1.609-.967l-.282-.171l.423-.416l1.83.587l.173.694zm.877-.334l-.427-1.75l1.988%201.961zm.014.342l.365.047l.394%203.663l-1.05-1.036zm.712.102l.435.06l.62%201.321l-.758%201.391zm-1.844-2.868l.214.212l.292%201.193l-1.456-.465zm-2.544%202.513l.65-.641l.256.157l-.262%201.826l-.268.136l-.826-.334l-.677-2.008l.883.87a.19.19%200%200%200%20.244-.006M9.353%208.455l1.07%201.054l.186.551l-1.862-.156v-.866zm-4.235%204.099l2.03.946l-.057.9l-1.814-.314l-.862-.85zm1.635%202.996l-1.056-1.042l1.365.238l-.036.525zm2.482-2.453L7.4%2014.908l.047-.775l.006-.006l2.276-2.485l.503.203l-.103.628l-.18%201.088l-.47-.464a.173.173%200%200%200-.244%200m2.768%202.487l-.374-.368l-.124-1.791l1.365.83l.124.354zm2.614-2.507a.2.2%200%200%200-.123.046l-1.235%201.22l-.18-.527l1.097-1.92l1.235-.628l-.246%202.267l-.421-.415a.2.2%200%200%200-.127-.043m2.624%202.52l-.333-.329l-.068-.627l.877-1.608l.67%201.431z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGmfC4feVg%22%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%2212%22%20y2%3D%2212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c31f5d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23302361%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd56%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(%23SVGHcSWxdhd56)%22%3E%3Cpath%20fill%3D%22url(%23SVGmfC4feVg)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m19.952%2013.167l-5.188-5.121a.18.18%200%200%200-.24%200l-2.548%202.505L9.48%208.086a.17.17%200%200%200-.242%200l-.78.755l-2.864%202.772l-.626.607l-.92.885a.16.16%200%200%200-.048.123a.2.2%200%200%200%20.047.122l2.588%202.554c.068.067.18.067.241%200l2.486-2.45l2.517%202.485c.068.067.18.067.241%200l2.492-2.46l2.505%202.474a.17.17%200%200%200%20.124.047a.18.18%200%200%200%20.124-.047l2.588-2.554a.16.16%200%200%200%20.047-.122c0-.05-.015-.084-.048-.11m-.465.212L18%2012.839l-.683-1.453l.394.056l1.87%201.846zm-.84.83l-.442-.932l1.015.368zm-10.244-3.36l-2.097.558l2.097-2.035zM5.8%2011.893l1.47-.389l-.096%201.634l-1.788-.838zm1.824-.482l.261-.066l.697%201.056l-1.09%201.192zm1.19.72l-.584-.885l.332-.087l.835.34zm-.067-1.266v-.618l1.988.163l.497%201.472zm1.682%201.913l.712.43l.118%201.64l-1.006-.987zm.968.186l-.903-.551l.068-.43l.85.348q.029.024.067.027l.856.354l.359%201.047zm1.288-.302l.932-.476l-.682%201.2zm1.291-1.033l-.862.441l.206-1.443l1.2.723zm.903-.464l-1.609-.967l-.282-.171l.423-.416l1.83.587l.173.694zm.877-.334l-.427-1.75l1.988%201.961zm.014.342l.365.047l.394%203.663l-1.05-1.036zm.712.102l.435.06l.62%201.321l-.758%201.391zm-1.844-2.868l.214.212l.292%201.193l-1.456-.465zm-2.544%202.513l.65-.641l.256.157l-.262%201.826l-.268.136l-.826-.334l-.677-2.008l.883.87a.19.19%200%200%200%20.244-.006M9.353%208.455l1.07%201.054l.186.551l-1.862-.156v-.866zm-4.235%204.099l2.03.946l-.057.9l-1.814-.314l-.862-.85zm1.635%202.996l-1.056-1.042l1.365.238l-.036.525zm2.482-2.453L7.4%2014.908l.047-.775l.006-.006l2.276-2.485l.503.203l-.103.628l-.18%201.088l-.47-.464a.173.173%200%200%200-.244%200m2.768%202.487l-.374-.368l-.124-1.791l1.365.83l.124.354zm2.614-2.507a.2.2%200%200%200-.123.046l-1.235%201.22l-.18-.527l1.097-1.92l1.235-.628l-.246%202.267l-.421-.415a.2.2%200%200%200-.127-.043m2.624%202.52l-.333-.329l-.068-.627l.877-1.608l.67%201.431z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGmfC4feVg%22%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%2212%22%20y2%3D%2212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c31f5d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23302361%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd56%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/myst-background.svg?color=%231a73e8&size=48
