phantom logo
phantom-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- phantom-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 phantom 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(#SVGHcSWxdhd60)"><path fill="#ab9ff2" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.893 18.4c2.042 0 3.576-1.706 4.492-3.054a2.5 2.5 0 0 0-.173.883c0 .787.47 1.348 1.398 1.348c1.275 0 2.636-1.074 3.341-2.23q-.075.25-.074.464c0 .55.322.895.978.895c2.066 0 4.145-3.52 4.145-6.597C20 7.711 18.738 5.6 15.57 5.6C10.002 5.6 4 12.137 4 16.36c0 1.658.928 2.04 1.893 2.04m7.759-8.553c0-.597.347-1.014.854-1.014c.495 0 .841.417.841 1.014c0 .596-.346 1.026-.841 1.026c-.508 0-.854-.43-.854-1.026m2.648 0c0-.597.347-1.014.854-1.014c.495 0 .841.417.841 1.014c0 .596-.346 1.026-.841 1.026c-.507 0-.854-.43-.854-1.026"/></g><defs><clipPath id="SVGHcSWxdhd60"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPhantomBackground(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(#SVGHcSWxdhd60)"><path fill="#ab9ff2" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.893 18.4c2.042 0 3.576-1.706 4.492-3.054a2.5 2.5 0 0 0-.173.883c0 .787.47 1.348 1.398 1.348c1.275 0 2.636-1.074 3.341-2.23q-.075.25-.074.464c0 .55.322.895.978.895c2.066 0 4.145-3.52 4.145-6.597C20 7.711 18.738 5.6 15.57 5.6C10.002 5.6 4 12.137 4 16.36c0 1.658.928 2.04 1.893 2.04m7.759-8.553c0-.597.347-1.014.854-1.014c.495 0 .841.417.841 1.014c0 .596-.346 1.026-.841 1.026c-.508 0-.854-.43-.854-1.026m2.648 0c0-.597.347-1.014.854-1.014c.495 0 .841.417.841 1.014c0 .596-.346 1.026-.841 1.026c-.507 0-.854-.43-.854-1.026"/></g><defs><clipPath id="SVGHcSWxdhd60"><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(#SVGHcSWxdhd60)"><path fill="#ab9ff2" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.893 18.4c2.042 0 3.576-1.706 4.492-3.054a2.5 2.5 0 0 0-.173.883c0 .787.47 1.348 1.398 1.348c1.275 0 2.636-1.074 3.341-2.23q-.075.25-.074.464c0 .55.322.895.978.895c2.066 0 4.145-3.52 4.145-6.597C20 7.711 18.738 5.6 15.57 5.6C10.002 5.6 4 12.137 4 16.36c0 1.658.928 2.04 1.893 2.04m7.759-8.553c0-.597.347-1.014.854-1.014c.495 0 .841.417.841 1.014c0 .596-.346 1.026-.841 1.026c-.508 0-.854-.43-.854-1.026m2.648 0c0-.597.347-1.014.854-1.014c.495 0 .841.417.841 1.014c0 .596-.346 1.026-.841 1.026c-.507 0-.854-.43-.854-1.026"/></g><defs><clipPath id="SVGHcSWxdhd60"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-phantom-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(%23SVGHcSWxdhd60)%22%3E%3Cpath%20fill%3D%22%23ab9ff2%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.893%2018.4c2.042%200%203.576-1.706%204.492-3.054a2.5%202.5%200%200%200-.173.883c0%20.787.47%201.348%201.398%201.348c1.275%200%202.636-1.074%203.341-2.23q-.075.25-.074.464c0%20.55.322.895.978.895c2.066%200%204.145-3.52%204.145-6.597C20%207.711%2018.738%205.6%2015.57%205.6C10.002%205.6%204%2012.137%204%2016.36c0%201.658.928%202.04%201.893%202.04m7.759-8.553c0-.597.347-1.014.854-1.014c.495%200%20.841.417.841%201.014c0%20.596-.346%201.026-.841%201.026c-.508%200-.854-.43-.854-1.026m2.648%200c0-.597.347-1.014.854-1.014c.495%200%20.841.417.841%201.014c0%20.596-.346%201.026-.841%201.026c-.507%200-.854-.43-.854-1.026%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd60%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(%23SVGHcSWxdhd60)%22%3E%3Cpath%20fill%3D%22%23ab9ff2%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.893%2018.4c2.042%200%203.576-1.706%204.492-3.054a2.5%202.5%200%200%200-.173.883c0%20.787.47%201.348%201.398%201.348c1.275%200%202.636-1.074%203.341-2.23q-.075.25-.074.464c0%20.55.322.895.978.895c2.066%200%204.145-3.52%204.145-6.597C20%207.711%2018.738%205.6%2015.57%205.6C10.002%205.6%204%2012.137%204%2016.36c0%201.658.928%202.04%201.893%202.04m7.759-8.553c0-.597.347-1.014.854-1.014c.495%200%20.841.417.841%201.014c0%20.596-.346%201.026-.841%201.026c-.508%200-.854-.43-.854-1.026m2.648%200c0-.597.347-1.014.854-1.014c.495%200%20.841.417.841%201.014c0%20.596-.346%201.026-.841%201.026c-.507%200-.854-.43-.854-1.026%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd60%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/phantom-background.svg?color=%231a73e8&size=48
