ghst logo

ghst-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: ghst-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

Use the ghst 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(#SVGHcSWxdhd12)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#f934f3" d="M7 7h10v4.5H7z"/><path fill="#fff" d="M7.5 10.5h2v.5h-2z"/><path fill="#1f0448" d="M9 4h6v1H9z"/><path fill="#fb74f7" d="M9 5h6v1H9z"/><path fill="#1f0448" d="M7 5h2v1H7zm8 0h2v1h-2zm0 13h2v1h-2zm-8 0h2v1H7zM17 6h1v1h-1zM6 6h1v1H6z"/><path fill="#fb74f7" d="M8 6h1v1H8z"/><path fill="#b400ef" d="M8 7h1v1H8z"/><path fill="#8e16f8" d="M7 14.5h10v1.549H7z"/><path fill="#fdb6fa" d="M16 7h-1v1h1z"/><path fill="#fb74f7" d="M16 6h-1v1h1z"/><path fill="#b400ef" d="M7 8h1v1H7z"/><path fill="#fdb6fa" d="M17 8h-1v1h1z"/><path fill="#fb74f7" d="M16 17h-1v1h1z"/><path fill="#fdb6fa" d="M16 16h-1v1h1zm1-1h-1v1h1z"/><path fill="#b400ef" d="M9 16H8v1h1z"/><path fill="#ac14f8" d="M7 13h10v1.5H7z"/><path fill="#cf14f8" d="M7 11.5h10V13H7z"/><path fill="#b400ef" d="M8 15H7v1h1z"/><path fill="#fb74f7" d="M9 17H8v1h1z"/><path fill="#1f0448" d="M17 17h1v1h-1zM6 17h1v1H6zM18 7h1v2h-1zM5 7h1v2H5zm13 8h1v2h-1zM5 15h1v2H5zm14-6h1v6h-1zM4 9h1v6H4z"/><path fill="#fb74f7" d="M5 9h1v6H5z"/><path fill="#fdb6fa" d="M17 9h1v6h-1z"/><path fill="#b400ef" d="M6 9h1v6H6z"/><path fill="#fb74f7" d="M18 9h1v6h-1zM6 7h1v2H6zm1-.998h1v2H7zM16 6h1v2h-1zm1 1h1v2h-1zm0 8h1v2h-1zM6 15h1v2H6zm1 1h1v2H7zm9 0h1v2h-1z"/><path fill="#b400ef" d="M9 6h6v1H9z"/><path fill="#1f0448" d="M9 19h6v1H9z"/><path fill="#fb74f7" d="M9 18h6v1H9z"/><path fill="#fdb6fa" d="M9 17h6v1H9z"/><path fill="#7d17f8" d="M9 16h6v1H9z"/><path fill="#fff" d="M7 13v-2h.5v2zm2.75.5v-3h.5v3zm1.75 0v-3h.5v3zm4.15 0v-3h.5v3zM9 13v-1h.5v1zm3.25-1.25v-.751h.5v.751zM14 13v-.75h.5V13zm-.75-2.5V10h.5v.5zm0 3.5v-.5h.5v.5z"/><path fill="#fff" d="M8 11.75h1.5v.5H8zm2.25 0h1.25v.5h-1.25zm4.5-1.25H17v.5h-2.25zm-2 0h1.75v.5l-1.75-.001zm0 1.25H14v.5h-1.25zm-.5 1.25H14v.5h-1.75zM7.5 13H9v.5H7.5z"/></g><defs><clipPath id="SVGHcSWxdhd12"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedGhstBackground(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(#SVGHcSWxdhd12)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#f934f3" d="M7 7h10v4.5H7z"/><path fill="#fff" d="M7.5 10.5h2v.5h-2z"/><path fill="#1f0448" d="M9 4h6v1H9z"/><path fill="#fb74f7" d="M9 5h6v1H9z"/><path fill="#1f0448" d="M7 5h2v1H7zm8 0h2v1h-2zm0 13h2v1h-2zm-8 0h2v1H7zM17 6h1v1h-1zM6 6h1v1H6z"/><path fill="#fb74f7" d="M8 6h1v1H8z"/><path fill="#b400ef" d="M8 7h1v1H8z"/><path fill="#8e16f8" d="M7 14.5h10v1.549H7z"/><path fill="#fdb6fa" d="M16 7h-1v1h1z"/><path fill="#fb74f7" d="M16 6h-1v1h1z"/><path fill="#b400ef" d="M7 8h1v1H7z"/><path fill="#fdb6fa" d="M17 8h-1v1h1z"/><path fill="#fb74f7" d="M16 17h-1v1h1z"/><path fill="#fdb6fa" d="M16 16h-1v1h1zm1-1h-1v1h1z"/><path fill="#b400ef" d="M9 16H8v1h1z"/><path fill="#ac14f8" d="M7 13h10v1.5H7z"/><path fill="#cf14f8" d="M7 11.5h10V13H7z"/><path fill="#b400ef" d="M8 15H7v1h1z"/><path fill="#fb74f7" d="M9 17H8v1h1z"/><path fill="#1f0448" d="M17 17h1v1h-1zM6 17h1v1H6zM18 7h1v2h-1zM5 7h1v2H5zm13 8h1v2h-1zM5 15h1v2H5zm14-6h1v6h-1zM4 9h1v6H4z"/><path fill="#fb74f7" d="M5 9h1v6H5z"/><path fill="#fdb6fa" d="M17 9h1v6h-1z"/><path fill="#b400ef" d="M6 9h1v6H6z"/><path fill="#fb74f7" d="M18 9h1v6h-1zM6 7h1v2H6zm1-.998h1v2H7zM16 6h1v2h-1zm1 1h1v2h-1zm0 8h1v2h-1zM6 15h1v2H6zm1 1h1v2H7zm9 0h1v2h-1z"/><path fill="#b400ef" d="M9 6h6v1H9z"/><path fill="#1f0448" d="M9 19h6v1H9z"/><path fill="#fb74f7" d="M9 18h6v1H9z"/><path fill="#fdb6fa" d="M9 17h6v1H9z"/><path fill="#7d17f8" d="M9 16h6v1H9z"/><path fill="#fff" d="M7 13v-2h.5v2zm2.75.5v-3h.5v3zm1.75 0v-3h.5v3zm4.15 0v-3h.5v3zM9 13v-1h.5v1zm3.25-1.25v-.751h.5v.751zM14 13v-.75h.5V13zm-.75-2.5V10h.5v.5zm0 3.5v-.5h.5v.5z"/><path fill="#fff" d="M8 11.75h1.5v.5H8zm2.25 0h1.25v.5h-1.25zm4.5-1.25H17v.5h-2.25zm-2 0h1.75v.5l-1.75-.001zm0 1.25H14v.5h-1.25zm-.5 1.25H14v.5h-1.75zM7.5 13H9v.5H7.5z"/></g><defs><clipPath id="SVGHcSWxdhd12"><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(#SVGHcSWxdhd12)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#f934f3" d="M7 7h10v4.5H7z"/><path fill="#fff" d="M7.5 10.5h2v.5h-2z"/><path fill="#1f0448" d="M9 4h6v1H9z"/><path fill="#fb74f7" d="M9 5h6v1H9z"/><path fill="#1f0448" d="M7 5h2v1H7zm8 0h2v1h-2zm0 13h2v1h-2zm-8 0h2v1H7zM17 6h1v1h-1zM6 6h1v1H6z"/><path fill="#fb74f7" d="M8 6h1v1H8z"/><path fill="#b400ef" d="M8 7h1v1H8z"/><path fill="#8e16f8" d="M7 14.5h10v1.549H7z"/><path fill="#fdb6fa" d="M16 7h-1v1h1z"/><path fill="#fb74f7" d="M16 6h-1v1h1z"/><path fill="#b400ef" d="M7 8h1v1H7z"/><path fill="#fdb6fa" d="M17 8h-1v1h1z"/><path fill="#fb74f7" d="M16 17h-1v1h1z"/><path fill="#fdb6fa" d="M16 16h-1v1h1zm1-1h-1v1h1z"/><path fill="#b400ef" d="M9 16H8v1h1z"/><path fill="#ac14f8" d="M7 13h10v1.5H7z"/><path fill="#cf14f8" d="M7 11.5h10V13H7z"/><path fill="#b400ef" d="M8 15H7v1h1z"/><path fill="#fb74f7" d="M9 17H8v1h1z"/><path fill="#1f0448" d="M17 17h1v1h-1zM6 17h1v1H6zM18 7h1v2h-1zM5 7h1v2H5zm13 8h1v2h-1zM5 15h1v2H5zm14-6h1v6h-1zM4 9h1v6H4z"/><path fill="#fb74f7" d="M5 9h1v6H5z"/><path fill="#fdb6fa" d="M17 9h1v6h-1z"/><path fill="#b400ef" d="M6 9h1v6H6z"/><path fill="#fb74f7" d="M18 9h1v6h-1zM6 7h1v2H6zm1-.998h1v2H7zM16 6h1v2h-1zm1 1h1v2h-1zm0 8h1v2h-1zM6 15h1v2H6zm1 1h1v2H7zm9 0h1v2h-1z"/><path fill="#b400ef" d="M9 6h6v1H9z"/><path fill="#1f0448" d="M9 19h6v1H9z"/><path fill="#fb74f7" d="M9 18h6v1H9z"/><path fill="#fdb6fa" d="M9 17h6v1H9z"/><path fill="#7d17f8" d="M9 16h6v1H9z"/><path fill="#fff" d="M7 13v-2h.5v2zm2.75.5v-3h.5v3zm1.75 0v-3h.5v3zm4.15 0v-3h.5v3zM9 13v-1h.5v1zm3.25-1.25v-.751h.5v.751zM14 13v-.75h.5V13zm-.75-2.5V10h.5v.5zm0 3.5v-.5h.5v.5z"/><path fill="#fff" d="M8 11.75h1.5v.5H8zm2.25 0h1.25v.5h-1.25zm4.5-1.25H17v.5h-2.25zm-2 0h1.75v.5l-1.75-.001zm0 1.25H14v.5h-1.25zm-.5 1.25H14v.5h-1.75zM7.5 13H9v.5H7.5z"/></g><defs><clipPath id="SVGHcSWxdhd12"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-ghst-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(%23SVGHcSWxdhd12)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23f934f3%22%20d%3D%22M7%207h10v4.5H7z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.5%2010.5h2v.5h-2z%22%2F%3E%3Cpath%20fill%3D%22%231f0448%22%20d%3D%22M9%204h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M9%205h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%231f0448%22%20d%3D%22M7%205h2v1H7zm8%200h2v1h-2zm0%2013h2v1h-2zm-8%200h2v1H7zM17%206h1v1h-1zM6%206h1v1H6z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M8%206h1v1H8z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M8%207h1v1H8z%22%2F%3E%3Cpath%20fill%3D%22%238e16f8%22%20d%3D%22M7%2014.5h10v1.549H7z%22%2F%3E%3Cpath%20fill%3D%22%23fdb6fa%22%20d%3D%22M16%207h-1v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M16%206h-1v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M7%208h1v1H7z%22%2F%3E%3Cpath%20fill%3D%22%23fdb6fa%22%20d%3D%22M17%208h-1v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M16%2017h-1v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23fdb6fa%22%20d%3D%22M16%2016h-1v1h1zm1-1h-1v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M9%2016H8v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23ac14f8%22%20d%3D%22M7%2013h10v1.5H7z%22%2F%3E%3Cpath%20fill%3D%22%23cf14f8%22%20d%3D%22M7%2011.5h10V13H7z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M8%2015H7v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M9%2017H8v1h1z%22%2F%3E%3Cpath%20fill%3D%22%231f0448%22%20d%3D%22M17%2017h1v1h-1zM6%2017h1v1H6zM18%207h1v2h-1zM5%207h1v2H5zm13%208h1v2h-1zM5%2015h1v2H5zm14-6h1v6h-1zM4%209h1v6H4z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M5%209h1v6H5z%22%2F%3E%3Cpath%20fill%3D%22%23fdb6fa%22%20d%3D%22M17%209h1v6h-1z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M6%209h1v6H6z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M18%209h1v6h-1zM6%207h1v2H6zm1-.998h1v2H7zM16%206h1v2h-1zm1%201h1v2h-1zm0%208h1v2h-1zM6%2015h1v2H6zm1%201h1v2H7zm9%200h1v2h-1z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M9%206h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%231f0448%22%20d%3D%22M9%2019h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M9%2018h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%23fdb6fa%22%20d%3D%22M9%2017h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%237d17f8%22%20d%3D%22M9%2016h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7%2013v-2h.5v2zm2.75.5v-3h.5v3zm1.75%200v-3h.5v3zm4.15%200v-3h.5v3zM9%2013v-1h.5v1zm3.25-1.25v-.751h.5v.751zM14%2013v-.75h.5V13zm-.75-2.5V10h.5v.5zm0%203.5v-.5h.5v.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%2011.75h1.5v.5H8zm2.25%200h1.25v.5h-1.25zm4.5-1.25H17v.5h-2.25zm-2%200h1.75v.5l-1.75-.001zm0%201.25H14v.5h-1.25zm-.5%201.25H14v.5h-1.75zM7.5%2013H9v.5H7.5z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd12%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(%23SVGHcSWxdhd12)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23f934f3%22%20d%3D%22M7%207h10v4.5H7z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.5%2010.5h2v.5h-2z%22%2F%3E%3Cpath%20fill%3D%22%231f0448%22%20d%3D%22M9%204h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M9%205h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%231f0448%22%20d%3D%22M7%205h2v1H7zm8%200h2v1h-2zm0%2013h2v1h-2zm-8%200h2v1H7zM17%206h1v1h-1zM6%206h1v1H6z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M8%206h1v1H8z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M8%207h1v1H8z%22%2F%3E%3Cpath%20fill%3D%22%238e16f8%22%20d%3D%22M7%2014.5h10v1.549H7z%22%2F%3E%3Cpath%20fill%3D%22%23fdb6fa%22%20d%3D%22M16%207h-1v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M16%206h-1v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M7%208h1v1H7z%22%2F%3E%3Cpath%20fill%3D%22%23fdb6fa%22%20d%3D%22M17%208h-1v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M16%2017h-1v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23fdb6fa%22%20d%3D%22M16%2016h-1v1h1zm1-1h-1v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M9%2016H8v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23ac14f8%22%20d%3D%22M7%2013h10v1.5H7z%22%2F%3E%3Cpath%20fill%3D%22%23cf14f8%22%20d%3D%22M7%2011.5h10V13H7z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M8%2015H7v1h1z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M9%2017H8v1h1z%22%2F%3E%3Cpath%20fill%3D%22%231f0448%22%20d%3D%22M17%2017h1v1h-1zM6%2017h1v1H6zM18%207h1v2h-1zM5%207h1v2H5zm13%208h1v2h-1zM5%2015h1v2H5zm14-6h1v6h-1zM4%209h1v6H4z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M5%209h1v6H5z%22%2F%3E%3Cpath%20fill%3D%22%23fdb6fa%22%20d%3D%22M17%209h1v6h-1z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M6%209h1v6H6z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M18%209h1v6h-1zM6%207h1v2H6zm1-.998h1v2H7zM16%206h1v2h-1zm1%201h1v2h-1zm0%208h1v2h-1zM6%2015h1v2H6zm1%201h1v2H7zm9%200h1v2h-1z%22%2F%3E%3Cpath%20fill%3D%22%23b400ef%22%20d%3D%22M9%206h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%231f0448%22%20d%3D%22M9%2019h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%23fb74f7%22%20d%3D%22M9%2018h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%23fdb6fa%22%20d%3D%22M9%2017h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%237d17f8%22%20d%3D%22M9%2016h6v1H9z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7%2013v-2h.5v2zm2.75.5v-3h.5v3zm1.75%200v-3h.5v3zm4.15%200v-3h.5v3zM9%2013v-1h.5v1zm3.25-1.25v-.751h.5v.751zM14%2013v-.75h.5V13zm-.75-2.5V10h.5v.5zm0%203.5v-.5h.5v.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%2011.75h1.5v.5H8zm2.25%200h1.25v.5h-1.25zm4.5-1.25H17v.5h-2.25zm-2%200h1.75v.5l-1.75-.001zm0%201.25H14v.5h-1.25zm-.5%201.25H14v.5h-1.75zM7.5%2013H9v.5H7.5z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd12%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/ghst-background.svg?color=%231a73e8&size=48