white logo
white from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- white
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the white logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 3.844c-1.125 0-3.094 1.125-4.219 2.812C11.156 4.97 9.75 3.844 7.5 3.844C5.812 3.844 3 4.969 3 8.906s6.75 9 9.281 11.25C14.812 17.906 21 12.844 21 8.906s-2.25-5.062-4.5-5.062"/><path fill="currentColor" d="M14.08 4.823c.884-.62 1.79-.98 2.42-.98c2.25 0 4.5 1.126 4.5 5.063c0 3.488-4.85 7.853-7.718 10.367c2.734-2.57 6.593-6.564 6.593-9.804c0-3.938-2.183-5.063-4.36-5.063c-.394 0-.9.147-1.429.417zm-1.8 1.833C11.157 4.688 9.62 3.844 7.5 3.844c-.974 0-2.318.371-3.285 1.445a4.36 4.36 0 0 1 2.581-.883c2.003 0 3.561 1.423 4.647 2.965c.123.18.393.168.495-.029z"/><path fill="currentColor" d="M16.5 6.656c0-.9-.748-1.125-1.125-1.125c-1.688 0-2.25 2.138-2.25 2.531c0 .563.562.563 1.125.563s2.25-.844 2.25-1.969m-8.117.563c0-.754-.563-1.125-1.125-1.125s-2.25.562-2.531 2.25c-.17 1.023.242 2.222.697 3.032c.13.225.433.123.456-.135c.152-1.89.877-2.363 1.378-2.616c.562-.281 1.125-.563 1.125-1.406"/></svg>
React
import type { SVGProps } from "react";
export function TokenWhite(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 3.844c-1.125 0-3.094 1.125-4.219 2.812C11.156 4.97 9.75 3.844 7.5 3.844C5.812 3.844 3 4.969 3 8.906s6.75 9 9.281 11.25C14.812 17.906 21 12.844 21 8.906s-2.25-5.062-4.5-5.062"/><path fill="currentColor" d="M14.08 4.823c.884-.62 1.79-.98 2.42-.98c2.25 0 4.5 1.126 4.5 5.063c0 3.488-4.85 7.853-7.718 10.367c2.734-2.57 6.593-6.564 6.593-9.804c0-3.938-2.183-5.063-4.36-5.063c-.394 0-.9.147-1.429.417zm-1.8 1.833C11.157 4.688 9.62 3.844 7.5 3.844c-.974 0-2.318.371-3.285 1.445a4.36 4.36 0 0 1 2.581-.883c2.003 0 3.561 1.423 4.647 2.965c.123.18.393.168.495-.029z"/><path fill="currentColor" d="M16.5 6.656c0-.9-.748-1.125-1.125-1.125c-1.688 0-2.25 2.138-2.25 2.531c0 .563.562.563 1.125.563s2.25-.844 2.25-1.969m-8.117.563c0-.754-.563-1.125-1.125-1.125s-2.25.562-2.531 2.25c-.17 1.023.242 2.222.697 3.032c.13.225.433.123.456-.135c.152-1.89.877-2.363 1.378-2.616c.562-.281 1.125-.563 1.125-1.406"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 3.844c-1.125 0-3.094 1.125-4.219 2.812C11.156 4.97 9.75 3.844 7.5 3.844C5.812 3.844 3 4.969 3 8.906s6.75 9 9.281 11.25C14.812 17.906 21 12.844 21 8.906s-2.25-5.062-4.5-5.062"/><path fill="currentColor" d="M14.08 4.823c.884-.62 1.79-.98 2.42-.98c2.25 0 4.5 1.126 4.5 5.063c0 3.488-4.85 7.853-7.718 10.367c2.734-2.57 6.593-6.564 6.593-9.804c0-3.938-2.183-5.063-4.36-5.063c-.394 0-.9.147-1.429.417zm-1.8 1.833C11.157 4.688 9.62 3.844 7.5 3.844c-.974 0-2.318.371-3.285 1.445a4.36 4.36 0 0 1 2.581-.883c2.003 0 3.561 1.423 4.647 2.965c.123.18.393.168.495-.029z"/><path fill="currentColor" d="M16.5 6.656c0-.9-.748-1.125-1.125-1.125c-1.688 0-2.25 2.138-2.25 2.531c0 .563.562.563 1.125.563s2.25-.844 2.25-1.969m-8.117.563c0-.754-.563-1.125-1.125-1.125s-2.25.562-2.531 2.25c-.17 1.023.242 2.222.697 3.032c.13.225.433.123.456-.135c.152-1.89.877-2.363 1.378-2.616c.562-.281 1.125-.563 1.125-1.406"/></svg> </template>
CSS
.icon-white {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.5%203.844c-1.125%200-3.094%201.125-4.219%202.812C11.156%204.97%209.75%203.844%207.5%203.844C5.812%203.844%203%204.969%203%208.906s6.75%209%209.281%2011.25C14.812%2017.906%2021%2012.844%2021%208.906s-2.25-5.062-4.5-5.062%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.08%204.823c.884-.62%201.79-.98%202.42-.98c2.25%200%204.5%201.126%204.5%205.063c0%203.488-4.85%207.853-7.718%2010.367c2.734-2.57%206.593-6.564%206.593-9.804c0-3.938-2.183-5.063-4.36-5.063c-.394%200-.9.147-1.429.417zm-1.8%201.833C11.157%204.688%209.62%203.844%207.5%203.844c-.974%200-2.318.371-3.285%201.445a4.36%204.36%200%200%201%202.581-.883c2.003%200%203.561%201.423%204.647%202.965c.123.18.393.168.495-.029z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.5%206.656c0-.9-.748-1.125-1.125-1.125c-1.688%200-2.25%202.138-2.25%202.531c0%20.563.562.563%201.125.563s2.25-.844%202.25-1.969m-8.117.563c0-.754-.563-1.125-1.125-1.125s-2.25.562-2.531%202.25c-.17%201.023.242%202.222.697%203.032c.13.225.433.123.456-.135c.152-1.89.877-2.363%201.378-2.616c.562-.281%201.125-.563%201.125-1.406%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.5%203.844c-1.125%200-3.094%201.125-4.219%202.812C11.156%204.97%209.75%203.844%207.5%203.844C5.812%203.844%203%204.969%203%208.906s6.75%209%209.281%2011.25C14.812%2017.906%2021%2012.844%2021%208.906s-2.25-5.062-4.5-5.062%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.08%204.823c.884-.62%201.79-.98%202.42-.98c2.25%200%204.5%201.126%204.5%205.063c0%203.488-4.85%207.853-7.718%2010.367c2.734-2.57%206.593-6.564%206.593-9.804c0-3.938-2.183-5.063-4.36-5.063c-.394%200-.9.147-1.429.417zm-1.8%201.833C11.157%204.688%209.62%203.844%207.5%203.844c-.974%200-2.318.371-3.285%201.445a4.36%204.36%200%200%201%202.581-.883c2.003%200%203.561%201.423%204.647%202.965c.123.18.393.168.495-.029z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.5%206.656c0-.9-.748-1.125-1.125-1.125c-1.688%200-2.25%202.138-2.25%202.531c0%20.563.562.563%201.125.563s2.25-.844%202.25-1.969m-8.117.563c0-.754-.563-1.125-1.125-1.125s-2.25.562-2.531%202.25c-.17%201.023.242%202.222.697%203.032c.13.225.433.123.456-.135c.152-1.89.877-2.363%201.378-2.616c.562-.281%201.125-.563%201.125-1.406%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/white.svg?color=%231a73e8&size=48
