well logo

well-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: well-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 well 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(#SVGHcSWxdhd169)"><path fill="#ffce6c" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.668 17.877A7.208 7.208 0 0 0 13.408 4A8.067 8.067 0 1 1 4 13.408a7.21 7.21 0 0 0 6.668 4.469"/><path fill="#fff" d="M17.876 10.669A7.209 7.209 0 0 1 6.46 16.518a7.207 7.207 0 1 0 9.763-10.443a7.18 7.18 0 0 1 1.65 4.599z"/><path fill="#fff" d="M4.27 11.437c.23 1.79 1.81 5.45 6.309 5.754c-.885-5.234-4.574-6.018-6.308-5.754m13.011 0c-.225 1.79-1.81 5.45-6.308 5.754c.89-5.234 4.579-6.018 6.308-5.754"/><path fill="#fff" d="M10.459 15.442c.155.37.28.91.325 1.135c.204-1.385 1.374-4.354 4.409-5.159c.005-.8-.075-2.6-.425-3.459c-3.954 1.805-4.52 5.739-4.31 7.483"/><path fill="#fff" d="M10.113 14.623c-1.15-2.284-2.96-3.094-3.719-3.21c-.035-.634-.01-2.209.39-3.438c2.474 1.16 3.58 3.129 3.82 3.974a7.8 7.8 0 0 0-.49 2.674"/><path fill="#fff" d="M8.974 9.078a9.2 9.2 0 0 1 1.83 2.484c.27-.555 1.009-1.834 1.799-2.484c-.245-.635-.94-2.11-1.8-2.934c-.885.814-1.59 2.299-1.83 2.934"/></g><defs><clipPath id="SVGHcSWxdhd169"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedWellBackground(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(#SVGHcSWxdhd169)"><path fill="#ffce6c" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.668 17.877A7.208 7.208 0 0 0 13.408 4A8.067 8.067 0 1 1 4 13.408a7.21 7.21 0 0 0 6.668 4.469"/><path fill="#fff" d="M17.876 10.669A7.209 7.209 0 0 1 6.46 16.518a7.207 7.207 0 1 0 9.763-10.443a7.18 7.18 0 0 1 1.65 4.599z"/><path fill="#fff" d="M4.27 11.437c.23 1.79 1.81 5.45 6.309 5.754c-.885-5.234-4.574-6.018-6.308-5.754m13.011 0c-.225 1.79-1.81 5.45-6.308 5.754c.89-5.234 4.579-6.018 6.308-5.754"/><path fill="#fff" d="M10.459 15.442c.155.37.28.91.325 1.135c.204-1.385 1.374-4.354 4.409-5.159c.005-.8-.075-2.6-.425-3.459c-3.954 1.805-4.52 5.739-4.31 7.483"/><path fill="#fff" d="M10.113 14.623c-1.15-2.284-2.96-3.094-3.719-3.21c-.035-.634-.01-2.209.39-3.438c2.474 1.16 3.58 3.129 3.82 3.974a7.8 7.8 0 0 0-.49 2.674"/><path fill="#fff" d="M8.974 9.078a9.2 9.2 0 0 1 1.83 2.484c.27-.555 1.009-1.834 1.799-2.484c-.245-.635-.94-2.11-1.8-2.934c-.885.814-1.59 2.299-1.83 2.934"/></g><defs><clipPath id="SVGHcSWxdhd169"><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(#SVGHcSWxdhd169)"><path fill="#ffce6c" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.668 17.877A7.208 7.208 0 0 0 13.408 4A8.067 8.067 0 1 1 4 13.408a7.21 7.21 0 0 0 6.668 4.469"/><path fill="#fff" d="M17.876 10.669A7.209 7.209 0 0 1 6.46 16.518a7.207 7.207 0 1 0 9.763-10.443a7.18 7.18 0 0 1 1.65 4.599z"/><path fill="#fff" d="M4.27 11.437c.23 1.79 1.81 5.45 6.309 5.754c-.885-5.234-4.574-6.018-6.308-5.754m13.011 0c-.225 1.79-1.81 5.45-6.308 5.754c.89-5.234 4.579-6.018 6.308-5.754"/><path fill="#fff" d="M10.459 15.442c.155.37.28.91.325 1.135c.204-1.385 1.374-4.354 4.409-5.159c.005-.8-.075-2.6-.425-3.459c-3.954 1.805-4.52 5.739-4.31 7.483"/><path fill="#fff" d="M10.113 14.623c-1.15-2.284-2.96-3.094-3.719-3.21c-.035-.634-.01-2.209.39-3.438c2.474 1.16 3.58 3.129 3.82 3.974a7.8 7.8 0 0 0-.49 2.674"/><path fill="#fff" d="M8.974 9.078a9.2 9.2 0 0 1 1.83 2.484c.27-.555 1.009-1.834 1.799-2.484c-.245-.635-.94-2.11-1.8-2.934c-.885.814-1.59 2.299-1.83 2.934"/></g><defs><clipPath id="SVGHcSWxdhd169"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-well-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(%23SVGHcSWxdhd169)%22%3E%3Cpath%20fill%3D%22%23ffce6c%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.668%2017.877A7.208%207.208%200%200%200%2013.408%204A8.067%208.067%200%201%201%204%2013.408a7.21%207.21%200%200%200%206.668%204.469%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.876%2010.669A7.209%207.209%200%200%201%206.46%2016.518a7.207%207.207%200%201%200%209.763-10.443a7.18%207.18%200%200%201%201.65%204.599z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.27%2011.437c.23%201.79%201.81%205.45%206.309%205.754c-.885-5.234-4.574-6.018-6.308-5.754m13.011%200c-.225%201.79-1.81%205.45-6.308%205.754c.89-5.234%204.579-6.018%206.308-5.754%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.459%2015.442c.155.37.28.91.325%201.135c.204-1.385%201.374-4.354%204.409-5.159c.005-.8-.075-2.6-.425-3.459c-3.954%201.805-4.52%205.739-4.31%207.483%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.113%2014.623c-1.15-2.284-2.96-3.094-3.719-3.21c-.035-.634-.01-2.209.39-3.438c2.474%201.16%203.58%203.129%203.82%203.974a7.8%207.8%200%200%200-.49%202.674%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.974%209.078a9.2%209.2%200%200%201%201.83%202.484c.27-.555%201.009-1.834%201.799-2.484c-.245-.635-.94-2.11-1.8-2.934c-.885.814-1.59%202.299-1.83%202.934%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd169%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(%23SVGHcSWxdhd169)%22%3E%3Cpath%20fill%3D%22%23ffce6c%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.668%2017.877A7.208%207.208%200%200%200%2013.408%204A8.067%208.067%200%201%201%204%2013.408a7.21%207.21%200%200%200%206.668%204.469%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.876%2010.669A7.209%207.209%200%200%201%206.46%2016.518a7.207%207.207%200%201%200%209.763-10.443a7.18%207.18%200%200%201%201.65%204.599z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.27%2011.437c.23%201.79%201.81%205.45%206.309%205.754c-.885-5.234-4.574-6.018-6.308-5.754m13.011%200c-.225%201.79-1.81%205.45-6.308%205.754c.89-5.234%204.579-6.018%206.308-5.754%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.459%2015.442c.155.37.28.91.325%201.135c.204-1.385%201.374-4.354%204.409-5.159c.005-.8-.075-2.6-.425-3.459c-3.954%201.805-4.52%205.739-4.31%207.483%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.113%2014.623c-1.15-2.284-2.96-3.094-3.719-3.21c-.035-.634-.01-2.209.39-3.438c2.474%201.16%203.58%203.129%203.82%203.974a7.8%207.8%200%200%200-.49%202.674%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.974%209.078a9.2%209.2%200%200%201%201.83%202.484c.27-.555%201.009-1.834%201.799-2.484c-.245-.635-.94-2.11-1.8-2.934c-.885.814-1.59%202.299-1.83%202.934%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd169%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/well-background.svg?color=%231a73e8&size=48