dust logo
dust-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- dust-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 dust 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(#SVGHcSWxdhd11)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.714 4h2.743v2.743H9.714z"/><path fill="#fff" d="M7.428 4.914h3.657v2.743H7.428z"/><path fill="#fff" d="M6.514 6.286h3.657v2.286H6.514z"/><path fill="#fff" d="M5.143 8.114H8.8v2.743H5.143z"/><path fill="#fff" d="M8.343 9.486h4.115v1.371H8.343z"/><path fill="#fff" d="M8.343 10.4h2.742v1.371H8.343zm-1.829 0h1.372v3.657H6.514z"/><path fill="#fff" d="M5.143 11.772h1.829v1.371H5.143zm2.286.914H8.8v4.572H7.43z"/><path fill="#fff" d="M8.343 14.972h1.372v3.657H8.343zM9.715 13.6h1.371V20H9.715z"/><path fill="#fff" d="M10.628 12.686h2.743v1.371h-2.743zm0 2.285h1.829v1.372h-1.829zm0 1.829h2.743V20h-2.743zM14.286 4h-2.743v2.743h2.743z"/><path fill="#fff" d="M16.571 4.914h-3.657v2.743h3.657z"/><path fill="#fff" d="M17.485 6.286h-3.657v2.286h3.657z"/><path fill="#fff" d="M18.857 8.114H15.2v2.743h3.657z"/><path fill="#fff" d="M15.657 9.486h-4.114v1.371h4.114z"/><path fill="#fff" d="M15.657 10.4h-2.743v1.371h2.743zm1.828 0h-1.371v3.657h1.371z"/><path fill="#fff" d="M18.857 11.772H17.03v1.371h1.828zm-2.285.914H15.2v4.572h1.372z"/><path fill="#fff" d="M15.657 14.972h-1.372v3.657h1.372zM14.285 13.6h-1.37V20h1.37z"/><path fill="#fff" d="M13.372 14.972h-1.829v1.371h1.829z"/></g><defs><clipPath id="SVGHcSWxdhd11"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDustBackground(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(#SVGHcSWxdhd11)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.714 4h2.743v2.743H9.714z"/><path fill="#fff" d="M7.428 4.914h3.657v2.743H7.428z"/><path fill="#fff" d="M6.514 6.286h3.657v2.286H6.514z"/><path fill="#fff" d="M5.143 8.114H8.8v2.743H5.143z"/><path fill="#fff" d="M8.343 9.486h4.115v1.371H8.343z"/><path fill="#fff" d="M8.343 10.4h2.742v1.371H8.343zm-1.829 0h1.372v3.657H6.514z"/><path fill="#fff" d="M5.143 11.772h1.829v1.371H5.143zm2.286.914H8.8v4.572H7.43z"/><path fill="#fff" d="M8.343 14.972h1.372v3.657H8.343zM9.715 13.6h1.371V20H9.715z"/><path fill="#fff" d="M10.628 12.686h2.743v1.371h-2.743zm0 2.285h1.829v1.372h-1.829zm0 1.829h2.743V20h-2.743zM14.286 4h-2.743v2.743h2.743z"/><path fill="#fff" d="M16.571 4.914h-3.657v2.743h3.657z"/><path fill="#fff" d="M17.485 6.286h-3.657v2.286h3.657z"/><path fill="#fff" d="M18.857 8.114H15.2v2.743h3.657z"/><path fill="#fff" d="M15.657 9.486h-4.114v1.371h4.114z"/><path fill="#fff" d="M15.657 10.4h-2.743v1.371h2.743zm1.828 0h-1.371v3.657h1.371z"/><path fill="#fff" d="M18.857 11.772H17.03v1.371h1.828zm-2.285.914H15.2v4.572h1.372z"/><path fill="#fff" d="M15.657 14.972h-1.372v3.657h1.372zM14.285 13.6h-1.37V20h1.37z"/><path fill="#fff" d="M13.372 14.972h-1.829v1.371h1.829z"/></g><defs><clipPath id="SVGHcSWxdhd11"><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(#SVGHcSWxdhd11)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.714 4h2.743v2.743H9.714z"/><path fill="#fff" d="M7.428 4.914h3.657v2.743H7.428z"/><path fill="#fff" d="M6.514 6.286h3.657v2.286H6.514z"/><path fill="#fff" d="M5.143 8.114H8.8v2.743H5.143z"/><path fill="#fff" d="M8.343 9.486h4.115v1.371H8.343z"/><path fill="#fff" d="M8.343 10.4h2.742v1.371H8.343zm-1.829 0h1.372v3.657H6.514z"/><path fill="#fff" d="M5.143 11.772h1.829v1.371H5.143zm2.286.914H8.8v4.572H7.43z"/><path fill="#fff" d="M8.343 14.972h1.372v3.657H8.343zM9.715 13.6h1.371V20H9.715z"/><path fill="#fff" d="M10.628 12.686h2.743v1.371h-2.743zm0 2.285h1.829v1.372h-1.829zm0 1.829h2.743V20h-2.743zM14.286 4h-2.743v2.743h2.743z"/><path fill="#fff" d="M16.571 4.914h-3.657v2.743h3.657z"/><path fill="#fff" d="M17.485 6.286h-3.657v2.286h3.657z"/><path fill="#fff" d="M18.857 8.114H15.2v2.743h3.657z"/><path fill="#fff" d="M15.657 9.486h-4.114v1.371h4.114z"/><path fill="#fff" d="M15.657 10.4h-2.743v1.371h2.743zm1.828 0h-1.371v3.657h1.371z"/><path fill="#fff" d="M18.857 11.772H17.03v1.371h1.828zm-2.285.914H15.2v4.572h1.372z"/><path fill="#fff" d="M15.657 14.972h-1.372v3.657h1.372zM14.285 13.6h-1.37V20h1.37z"/><path fill="#fff" d="M13.372 14.972h-1.829v1.371h1.829z"/></g><defs><clipPath id="SVGHcSWxdhd11"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-dust-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(%23SVGHcSWxdhd11)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.714%204h2.743v2.743H9.714z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.428%204.914h3.657v2.743H7.428z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.514%206.286h3.657v2.286H6.514z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.143%208.114H8.8v2.743H5.143z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.343%209.486h4.115v1.371H8.343z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.343%2010.4h2.742v1.371H8.343zm-1.829%200h1.372v3.657H6.514z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.143%2011.772h1.829v1.371H5.143zm2.286.914H8.8v4.572H7.43z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.343%2014.972h1.372v3.657H8.343zM9.715%2013.6h1.371V20H9.715z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.628%2012.686h2.743v1.371h-2.743zm0%202.285h1.829v1.372h-1.829zm0%201.829h2.743V20h-2.743zM14.286%204h-2.743v2.743h2.743z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.571%204.914h-3.657v2.743h3.657z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.485%206.286h-3.657v2.286h3.657z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.857%208.114H15.2v2.743h3.657z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.657%209.486h-4.114v1.371h4.114z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.657%2010.4h-2.743v1.371h2.743zm1.828%200h-1.371v3.657h1.371z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.857%2011.772H17.03v1.371h1.828zm-2.285.914H15.2v4.572h1.372z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.657%2014.972h-1.372v3.657h1.372zM14.285%2013.6h-1.37V20h1.37z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.372%2014.972h-1.829v1.371h1.829z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd11%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(%23SVGHcSWxdhd11)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.714%204h2.743v2.743H9.714z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.428%204.914h3.657v2.743H7.428z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.514%206.286h3.657v2.286H6.514z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.143%208.114H8.8v2.743H5.143z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.343%209.486h4.115v1.371H8.343z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.343%2010.4h2.742v1.371H8.343zm-1.829%200h1.372v3.657H6.514z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.143%2011.772h1.829v1.371H5.143zm2.286.914H8.8v4.572H7.43z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.343%2014.972h1.372v3.657H8.343zM9.715%2013.6h1.371V20H9.715z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.628%2012.686h2.743v1.371h-2.743zm0%202.285h1.829v1.372h-1.829zm0%201.829h2.743V20h-2.743zM14.286%204h-2.743v2.743h2.743z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.571%204.914h-3.657v2.743h3.657z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.485%206.286h-3.657v2.286h3.657z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.857%208.114H15.2v2.743h3.657z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.657%209.486h-4.114v1.371h4.114z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.657%2010.4h-2.743v1.371h2.743zm1.828%200h-1.371v3.657h1.371z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.857%2011.772H17.03v1.371h1.828zm-2.285.914H15.2v4.572h1.372z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.657%2014.972h-1.372v3.657h1.372zM14.285%2013.6h-1.37V20h1.37z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.372%2014.972h-1.829v1.371h1.829z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd11%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/dust-background.svg?color=%231a73e8&size=48
