was logo
was-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- was-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 was 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(#SVGHcSWxdhd308)"><path fill="#00d593" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.99 11.749q.02 0 0 0V12c0 3.986-3.154 7.314-7.223 7.314c-3.542 0-6.18-2.496-7.204-5.261c.26.375 1.006 1.28 1.363 1.659c.905.914 1.929 1.568 3.062 1.934c.726.23 1.483.344 2.245.338c.914 0 1.796-.238 2.614-.626c.197.288.42.548.686.772q.452-.533.855-1.088c.073.17.233.444.31.576a1.7 1.7 0 0 0 .869-1.06c-.18.263-.414.485-.686.653c-.16-.32-.237-.717-.356-1.056q-.534.653-1.047 1.326c-.366-.361-.457-.873-.676-1.316c-1.143.84-3.059.84-4.348.48C6.912 15.657 5.152 11.589 4 8.668c.485.457 1.106 1.028 1.892 1.02a7.24 7.24 0 0 1 6.866-5.001c2.848 0 5.646 1.874 6.71 4.584v.014l-1.983 1.568s1.257.594 2.468.279c.018.206.037.411.037.617m-6.07-.16c.726.032 1.416-.238 1.869-.731h-.01s-.008 0-.008-.01c-.814-.36-1.536-.914-2.318-1.339c-.594-.325-1.234-.549-1.838-.846c0 .11-.077.27-.091.393c-.091.522-.22 1.418.046 1.669c.74.759 2.35.869 2.35.869z"/></g><defs><clipPath id="SVGHcSWxdhd308"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedWasBackground(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(#SVGHcSWxdhd308)"><path fill="#00d593" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.99 11.749q.02 0 0 0V12c0 3.986-3.154 7.314-7.223 7.314c-3.542 0-6.18-2.496-7.204-5.261c.26.375 1.006 1.28 1.363 1.659c.905.914 1.929 1.568 3.062 1.934c.726.23 1.483.344 2.245.338c.914 0 1.796-.238 2.614-.626c.197.288.42.548.686.772q.452-.533.855-1.088c.073.17.233.444.31.576a1.7 1.7 0 0 0 .869-1.06c-.18.263-.414.485-.686.653c-.16-.32-.237-.717-.356-1.056q-.534.653-1.047 1.326c-.366-.361-.457-.873-.676-1.316c-1.143.84-3.059.84-4.348.48C6.912 15.657 5.152 11.589 4 8.668c.485.457 1.106 1.028 1.892 1.02a7.24 7.24 0 0 1 6.866-5.001c2.848 0 5.646 1.874 6.71 4.584v.014l-1.983 1.568s1.257.594 2.468.279c.018.206.037.411.037.617m-6.07-.16c.726.032 1.416-.238 1.869-.731h-.01s-.008 0-.008-.01c-.814-.36-1.536-.914-2.318-1.339c-.594-.325-1.234-.549-1.838-.846c0 .11-.077.27-.091.393c-.091.522-.22 1.418.046 1.669c.74.759 2.35.869 2.35.869z"/></g><defs><clipPath id="SVGHcSWxdhd308"><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(#SVGHcSWxdhd308)"><path fill="#00d593" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.99 11.749q.02 0 0 0V12c0 3.986-3.154 7.314-7.223 7.314c-3.542 0-6.18-2.496-7.204-5.261c.26.375 1.006 1.28 1.363 1.659c.905.914 1.929 1.568 3.062 1.934c.726.23 1.483.344 2.245.338c.914 0 1.796-.238 2.614-.626c.197.288.42.548.686.772q.452-.533.855-1.088c.073.17.233.444.31.576a1.7 1.7 0 0 0 .869-1.06c-.18.263-.414.485-.686.653c-.16-.32-.237-.717-.356-1.056q-.534.653-1.047 1.326c-.366-.361-.457-.873-.676-1.316c-1.143.84-3.059.84-4.348.48C6.912 15.657 5.152 11.589 4 8.668c.485.457 1.106 1.028 1.892 1.02a7.24 7.24 0 0 1 6.866-5.001c2.848 0 5.646 1.874 6.71 4.584v.014l-1.983 1.568s1.257.594 2.468.279c.018.206.037.411.037.617m-6.07-.16c.726.032 1.416-.238 1.869-.731h-.01s-.008 0-.008-.01c-.814-.36-1.536-.914-2.318-1.339c-.594-.325-1.234-.549-1.838-.846c0 .11-.077.27-.091.393c-.091.522-.22 1.418.046 1.669c.74.759 2.35.869 2.35.869z"/></g><defs><clipPath id="SVGHcSWxdhd308"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-was-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(%23SVGHcSWxdhd308)%22%3E%3Cpath%20fill%3D%22%2300d593%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.99%2011.749q.02%200%200%200V12c0%203.986-3.154%207.314-7.223%207.314c-3.542%200-6.18-2.496-7.204-5.261c.26.375%201.006%201.28%201.363%201.659c.905.914%201.929%201.568%203.062%201.934c.726.23%201.483.344%202.245.338c.914%200%201.796-.238%202.614-.626c.197.288.42.548.686.772q.452-.533.855-1.088c.073.17.233.444.31.576a1.7%201.7%200%200%200%20.869-1.06c-.18.263-.414.485-.686.653c-.16-.32-.237-.717-.356-1.056q-.534.653-1.047%201.326c-.366-.361-.457-.873-.676-1.316c-1.143.84-3.059.84-4.348.48C6.912%2015.657%205.152%2011.589%204%208.668c.485.457%201.106%201.028%201.892%201.02a7.24%207.24%200%200%201%206.866-5.001c2.848%200%205.646%201.874%206.71%204.584v.014l-1.983%201.568s1.257.594%202.468.279c.018.206.037.411.037.617m-6.07-.16c.726.032%201.416-.238%201.869-.731h-.01s-.008%200-.008-.01c-.814-.36-1.536-.914-2.318-1.339c-.594-.325-1.234-.549-1.838-.846c0%20.11-.077.27-.091.393c-.091.522-.22%201.418.046%201.669c.74.759%202.35.869%202.35.869z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd308%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(%23SVGHcSWxdhd308)%22%3E%3Cpath%20fill%3D%22%2300d593%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.99%2011.749q.02%200%200%200V12c0%203.986-3.154%207.314-7.223%207.314c-3.542%200-6.18-2.496-7.204-5.261c.26.375%201.006%201.28%201.363%201.659c.905.914%201.929%201.568%203.062%201.934c.726.23%201.483.344%202.245.338c.914%200%201.796-.238%202.614-.626c.197.288.42.548.686.772q.452-.533.855-1.088c.073.17.233.444.31.576a1.7%201.7%200%200%200%20.869-1.06c-.18.263-.414.485-.686.653c-.16-.32-.237-.717-.356-1.056q-.534.653-1.047%201.326c-.366-.361-.457-.873-.676-1.316c-1.143.84-3.059.84-4.348.48C6.912%2015.657%205.152%2011.589%204%208.668c.485.457%201.106%201.028%201.892%201.02a7.24%207.24%200%200%201%206.866-5.001c2.848%200%205.646%201.874%206.71%204.584v.014l-1.983%201.568s1.257.594%202.468.279c.018.206.037.411.037.617m-6.07-.16c.726.032%201.416-.238%201.869-.731h-.01s-.008%200-.008-.01c-.814-.36-1.536-.914-2.318-1.339c-.594-.325-1.234-.549-1.838-.846c0%20.11-.077.27-.091.393c-.091.522-.22%201.418.046%201.669c.74.759%202.35.869%202.35.869z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd308%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/was-background.svg?color=%231a73e8&size=48
