h2o logo
h2o-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- h2o-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 h2o 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(#SVGHcSWxdhd232)"><path fill="#4393ea" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M7.489 7.243L5.24 10.305l-.086.112c-.463.631-.917 1.241-1.082 2.041c-.056.29-.082.584-.069.874c.06 1.773 1.393 3.425 3.503 3.425c2.452 0 3.823-2.236 3.4-4.299c-.165-.8-.615-1.41-1.082-2.041l-.086-.112zm2.353 3.628c-.736-1.137-2.236-3.027-2.236-3.027a28 28 0 0 1-1.254 2.409c-.364.614-.779 1.08-1.138 1.492c-.765.873-1.323 1.509-.826 2.789c.683 1.756 2.504 2.4 3.953 1.665c1.773-.9 2.595-3.641 1.5-5.328" clip-rule="evenodd"/><path fill="#fff" d="M12.216 11.568v.433h.432v3.027h.433v-1.514h1.73v1.514h.432v-3.46h-.432v1.514h-1.73v-1.514z"/><path fill="#fff" fill-rule="evenodd" d="M18.703 15.028c.718 0 1.297-.778 1.297-1.73c0-.951-.58-1.73-1.297-1.73c-.718 0-1.298.779-1.298 1.73c0 .952.58 1.73 1.298 1.73m0-.432c.475 0 .864-.58.864-1.298s-.389-1.297-.864-1.297c-.476 0-.865.58-.865 1.297c0 .718.389 1.298.865 1.298" clip-rule="evenodd"/><path fill="#fff" d="M15.909 15.028v-.113l.415-.462l.121-.143a.5.5 0 0 0 .07-.112a.3.3 0 0 0 .025-.113a.2.2 0 0 0-.034-.117a.2.2 0 0 0-.087-.078a.3.3 0 0 0-.121-.025a.3.3 0 0 0-.13.03a.2.2 0 0 0-.082.086a.3.3 0 0 0-.026.13h-.147a.37.37 0 0 1 .39-.38q.11.001.194.047c.056.03.104.073.134.13a.3.3 0 0 1 .052.177a.4.4 0 0 1-.026.138a.6.6 0 0 1-.087.152c-.043.052-.099.121-.173.199l-.28.303v.012h.587v.139z"/><path fill="#fff" d="m9.837 14.656l.06-.58a2.5 2.5 0 0 1-2.21 1.354c-1.841.017-2.72-1.92-1.785-3.365A8.8 8.8 0 0 1 7.978 9.99l-.835-1.198q-.373.744-.796 1.462c-.363.614-.774 1.081-1.137 1.492c-.242.277-.463.528-.636.783a4 4 0 0 0-.195 1.994l.005.013c.683 1.755 2.508 2.4 3.957 1.665a3.55 3.55 0 0 0 1.492-1.544z" opacity=".4"/></g><defs><clipPath id="SVGHcSWxdhd232"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedH2oBackground(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(#SVGHcSWxdhd232)"><path fill="#4393ea" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M7.489 7.243L5.24 10.305l-.086.112c-.463.631-.917 1.241-1.082 2.041c-.056.29-.082.584-.069.874c.06 1.773 1.393 3.425 3.503 3.425c2.452 0 3.823-2.236 3.4-4.299c-.165-.8-.615-1.41-1.082-2.041l-.086-.112zm2.353 3.628c-.736-1.137-2.236-3.027-2.236-3.027a28 28 0 0 1-1.254 2.409c-.364.614-.779 1.08-1.138 1.492c-.765.873-1.323 1.509-.826 2.789c.683 1.756 2.504 2.4 3.953 1.665c1.773-.9 2.595-3.641 1.5-5.328" clipRule="evenodd"/><path fill="#fff" d="M12.216 11.568v.433h.432v3.027h.433v-1.514h1.73v1.514h.432v-3.46h-.432v1.514h-1.73v-1.514z"/><path fill="#fff" fillRule="evenodd" d="M18.703 15.028c.718 0 1.297-.778 1.297-1.73c0-.951-.58-1.73-1.297-1.73c-.718 0-1.298.779-1.298 1.73c0 .952.58 1.73 1.298 1.73m0-.432c.475 0 .864-.58.864-1.298s-.389-1.297-.864-1.297c-.476 0-.865.58-.865 1.297c0 .718.389 1.298.865 1.298" clipRule="evenodd"/><path fill="#fff" d="M15.909 15.028v-.113l.415-.462l.121-.143a.5.5 0 0 0 .07-.112a.3.3 0 0 0 .025-.113a.2.2 0 0 0-.034-.117a.2.2 0 0 0-.087-.078a.3.3 0 0 0-.121-.025a.3.3 0 0 0-.13.03a.2.2 0 0 0-.082.086a.3.3 0 0 0-.026.13h-.147a.37.37 0 0 1 .39-.38q.11.001.194.047c.056.03.104.073.134.13a.3.3 0 0 1 .052.177a.4.4 0 0 1-.026.138a.6.6 0 0 1-.087.152c-.043.052-.099.121-.173.199l-.28.303v.012h.587v.139z"/><path fill="#fff" d="m9.837 14.656l.06-.58a2.5 2.5 0 0 1-2.21 1.354c-1.841.017-2.72-1.92-1.785-3.365A8.8 8.8 0 0 1 7.978 9.99l-.835-1.198q-.373.744-.796 1.462c-.363.614-.774 1.081-1.137 1.492c-.242.277-.463.528-.636.783a4 4 0 0 0-.195 1.994l.005.013c.683 1.755 2.508 2.4 3.957 1.665a3.55 3.55 0 0 0 1.492-1.544z" opacity=".4"/></g><defs><clipPath id="SVGHcSWxdhd232"><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(#SVGHcSWxdhd232)"><path fill="#4393ea" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M7.489 7.243L5.24 10.305l-.086.112c-.463.631-.917 1.241-1.082 2.041c-.056.29-.082.584-.069.874c.06 1.773 1.393 3.425 3.503 3.425c2.452 0 3.823-2.236 3.4-4.299c-.165-.8-.615-1.41-1.082-2.041l-.086-.112zm2.353 3.628c-.736-1.137-2.236-3.027-2.236-3.027a28 28 0 0 1-1.254 2.409c-.364.614-.779 1.08-1.138 1.492c-.765.873-1.323 1.509-.826 2.789c.683 1.756 2.504 2.4 3.953 1.665c1.773-.9 2.595-3.641 1.5-5.328" clip-rule="evenodd"/><path fill="#fff" d="M12.216 11.568v.433h.432v3.027h.433v-1.514h1.73v1.514h.432v-3.46h-.432v1.514h-1.73v-1.514z"/><path fill="#fff" fill-rule="evenodd" d="M18.703 15.028c.718 0 1.297-.778 1.297-1.73c0-.951-.58-1.73-1.297-1.73c-.718 0-1.298.779-1.298 1.73c0 .952.58 1.73 1.298 1.73m0-.432c.475 0 .864-.58.864-1.298s-.389-1.297-.864-1.297c-.476 0-.865.58-.865 1.297c0 .718.389 1.298.865 1.298" clip-rule="evenodd"/><path fill="#fff" d="M15.909 15.028v-.113l.415-.462l.121-.143a.5.5 0 0 0 .07-.112a.3.3 0 0 0 .025-.113a.2.2 0 0 0-.034-.117a.2.2 0 0 0-.087-.078a.3.3 0 0 0-.121-.025a.3.3 0 0 0-.13.03a.2.2 0 0 0-.082.086a.3.3 0 0 0-.026.13h-.147a.37.37 0 0 1 .39-.38q.11.001.194.047c.056.03.104.073.134.13a.3.3 0 0 1 .052.177a.4.4 0 0 1-.026.138a.6.6 0 0 1-.087.152c-.043.052-.099.121-.173.199l-.28.303v.012h.587v.139z"/><path fill="#fff" d="m9.837 14.656l.06-.58a2.5 2.5 0 0 1-2.21 1.354c-1.841.017-2.72-1.92-1.785-3.365A8.8 8.8 0 0 1 7.978 9.99l-.835-1.198q-.373.744-.796 1.462c-.363.614-.774 1.081-1.137 1.492c-.242.277-.463.528-.636.783a4 4 0 0 0-.195 1.994l.005.013c.683 1.755 2.508 2.4 3.957 1.665a3.55 3.55 0 0 0 1.492-1.544z" opacity=".4"/></g><defs><clipPath id="SVGHcSWxdhd232"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-h2o-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(%23SVGHcSWxdhd232)%22%3E%3Cpath%20fill%3D%22%234393ea%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.489%207.243L5.24%2010.305l-.086.112c-.463.631-.917%201.241-1.082%202.041c-.056.29-.082.584-.069.874c.06%201.773%201.393%203.425%203.503%203.425c2.452%200%203.823-2.236%203.4-4.299c-.165-.8-.615-1.41-1.082-2.041l-.086-.112zm2.353%203.628c-.736-1.137-2.236-3.027-2.236-3.027a28%2028%200%200%201-1.254%202.409c-.364.614-.779%201.08-1.138%201.492c-.765.873-1.323%201.509-.826%202.789c.683%201.756%202.504%202.4%203.953%201.665c1.773-.9%202.595-3.641%201.5-5.328%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.216%2011.568v.433h.432v3.027h.433v-1.514h1.73v1.514h.432v-3.46h-.432v1.514h-1.73v-1.514z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.703%2015.028c.718%200%201.297-.778%201.297-1.73c0-.951-.58-1.73-1.297-1.73c-.718%200-1.298.779-1.298%201.73c0%20.952.58%201.73%201.298%201.73m0-.432c.475%200%20.864-.58.864-1.298s-.389-1.297-.864-1.297c-.476%200-.865.58-.865%201.297c0%20.718.389%201.298.865%201.298%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.909%2015.028v-.113l.415-.462l.121-.143a.5.5%200%200%200%20.07-.112a.3.3%200%200%200%20.025-.113a.2.2%200%200%200-.034-.117a.2.2%200%200%200-.087-.078a.3.3%200%200%200-.121-.025a.3.3%200%200%200-.13.03a.2.2%200%200%200-.082.086a.3.3%200%200%200-.026.13h-.147a.37.37%200%200%201%20.39-.38q.11.001.194.047c.056.03.104.073.134.13a.3.3%200%200%201%20.052.177a.4.4%200%200%201-.026.138a.6.6%200%200%201-.087.152c-.043.052-.099.121-.173.199l-.28.303v.012h.587v.139z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m9.837%2014.656l.06-.58a2.5%202.5%200%200%201-2.21%201.354c-1.841.017-2.72-1.92-1.785-3.365A8.8%208.8%200%200%201%207.978%209.99l-.835-1.198q-.373.744-.796%201.462c-.363.614-.774%201.081-1.137%201.492c-.242.277-.463.528-.636.783a4%204%200%200%200-.195%201.994l.005.013c.683%201.755%202.508%202.4%203.957%201.665a3.55%203.55%200%200%200%201.492-1.544z%22%20opacity%3D%22.4%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd232%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(%23SVGHcSWxdhd232)%22%3E%3Cpath%20fill%3D%22%234393ea%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.489%207.243L5.24%2010.305l-.086.112c-.463.631-.917%201.241-1.082%202.041c-.056.29-.082.584-.069.874c.06%201.773%201.393%203.425%203.503%203.425c2.452%200%203.823-2.236%203.4-4.299c-.165-.8-.615-1.41-1.082-2.041l-.086-.112zm2.353%203.628c-.736-1.137-2.236-3.027-2.236-3.027a28%2028%200%200%201-1.254%202.409c-.364.614-.779%201.08-1.138%201.492c-.765.873-1.323%201.509-.826%202.789c.683%201.756%202.504%202.4%203.953%201.665c1.773-.9%202.595-3.641%201.5-5.328%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.216%2011.568v.433h.432v3.027h.433v-1.514h1.73v1.514h.432v-3.46h-.432v1.514h-1.73v-1.514z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.703%2015.028c.718%200%201.297-.778%201.297-1.73c0-.951-.58-1.73-1.297-1.73c-.718%200-1.298.779-1.298%201.73c0%20.952.58%201.73%201.298%201.73m0-.432c.475%200%20.864-.58.864-1.298s-.389-1.297-.864-1.297c-.476%200-.865.58-.865%201.297c0%20.718.389%201.298.865%201.298%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.909%2015.028v-.113l.415-.462l.121-.143a.5.5%200%200%200%20.07-.112a.3.3%200%200%200%20.025-.113a.2.2%200%200%200-.034-.117a.2.2%200%200%200-.087-.078a.3.3%200%200%200-.121-.025a.3.3%200%200%200-.13.03a.2.2%200%200%200-.082.086a.3.3%200%200%200-.026.13h-.147a.37.37%200%200%201%20.39-.38q.11.001.194.047c.056.03.104.073.134.13a.3.3%200%200%201%20.052.177a.4.4%200%200%201-.026.138a.6.6%200%200%201-.087.152c-.043.052-.099.121-.173.199l-.28.303v.012h.587v.139z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m9.837%2014.656l.06-.58a2.5%202.5%200%200%201-2.21%201.354c-1.841.017-2.72-1.92-1.785-3.365A8.8%208.8%200%200%201%207.978%209.99l-.835-1.198q-.373.744-.796%201.462c-.363.614-.774%201.081-1.137%201.492c-.242.277-.463.528-.636.783a4%204%200%200%200-.195%201.994l.005.013c.683%201.755%202.508%202.4%203.957%201.665a3.55%203.55%200%200%200%201.492-1.544z%22%20opacity%3D%22.4%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd232%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/h2o-background.svg?color=%231a73e8&size=48
