foam logo

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

Name: foam-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

Use the foam 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(#SVGHcSWxdhd26)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGvg0tJb3B)" d="M10 14.49v-1.03l1.277.714l-.944.507z"/><path fill="#493636" d="M13.999 14.49v-1.03l-1.275.714l.947.507z"/><path fill="url(#SVGgdN4Lbln)" d="M16.004 11.555L14 12.623l2.005 1.096L18 12.623z"/><path fill="#83615b" d="m10.307 9.268l-.31-.166v.333z"/><path fill="#6f5655" d="M17.998 11.198V7.231l-2 1.032v4.064z"/><path fill="url(#SVGcx0Nyc6d)" d="M14 9.093V5.068l-2 1.098v4.055z"/><path fill="#654a48" d="M13.658 9.26L14 9.091v.343z"/><path fill="#684b49" d="m13.667 14.659l.332-.18v.368z"/><path fill="#7a5d59" d="m10.338 14.659l-.339-.18v.368z"/><path fill="#7d6563" d="M8.005 6.164L5.999 7.232l2.006 1.096L10 7.232z"/><path fill="url(#SVGNUNGhbsV)" d="M10 9.105v-4.04l2 1.094v4.075z"/><path fill="url(#SVGd8oNKeer)" d="M14 11.21V7.23l2 1.078v4.018z"/><path fill="url(#SVGBUIcPdzR)" d="M14 16.652V12.62l2 1.07v4.1z"/><path fill="#7d6563" d="M12.004 4L10 5.068l2.005 1.096L14 5.068zm4 2.164L14 7.232l2.005 1.097L18 7.23z"/><path fill="url(#SVGgdN4Lbln)" d="M8.004 11.555L6 12.623l2.005 1.096L10 12.623z"/><path fill="url(#SVGQFv0fe0A)" d="M12.004 13.763L10 14.831l2.005 1.097L14 14.83z"/><path fill="url(#SVGgUJknbTa)" d="M6 16.653V12.62l2 1.08v4.09z"/><path fill="#7d6563" d="M12.004 8.362L10 9.43l2.005 1.097L14 9.43z"/><path fill="url(#SVGHS4Ybdsf)" d="M10 18.865V14.82l2 1.095V20z"/><path fill="#6e5453" d="M18 16.65v-4.035l-2 1.074v4.099z"/><path fill="#725857" d="M14 13.465V9.428l-2 1.092v4.078z"/><path fill="#705554" d="M14 18.865V14.82l-2 1.095V20z"/><path fill="url(#SVGcjq5Xb1f)" d="M10 16.653V12.62L8 13.7v4.09z"/><path fill="url(#SVGiXhm1cuL)" d="M10 11.259V7.232L8 8.307v4.086z"/><path fill="url(#SVGgtSzhbKV)" d="M6 11.259V7.232l2 1.075v4.086z"/><path fill="url(#SVGfgR2idia)" d="M10 13.468V9.432l2 1.09v4.077z"/></g><defs><linearGradient id="SVGvg0tJb3B" x1="6.075" x2="18.17" y1="11.999" y2="13.449" gradientUnits="userSpaceOnUse"><stop stop-color="#6c5e5d"/><stop offset="1" stop-color="#684440"/></linearGradient><linearGradient id="SVGgdN4Lbln" x1="12" x2="12" y1="4" y2="20.003" gradientUnits="userSpaceOnUse"><stop offset=".491" stop-color="#533534"/><stop offset="1" stop-color="#3c3133"/></linearGradient><linearGradient id="SVGcx0Nyc6d" x1="6" x2="14.53" y1="12.841" y2="5.939" gradientUnits="userSpaceOnUse"><stop stop-color="#543d3d"/><stop offset=".77" stop-color="#4c3939"/></linearGradient><linearGradient id="SVGNUNGhbsV" x1="18.001" x2="6.655" y1="12.023" y2="8.806" gradientUnits="userSpaceOnUse"><stop stop-color="#966761"/><stop offset=".768" stop-color="#6a5d5c"/></linearGradient><linearGradient id="SVGd8oNKeer" x1="18.001" x2="6.652" y1="12.002" y2="8.789" gradientUnits="userSpaceOnUse"><stop stop-color="#966761"/><stop offset=".768" stop-color="#6a5d5c"/></linearGradient><linearGradient id="SVGBUIcPdzR" x1="18.001" x2="6.641" y1="11.958" y2="8.76" gradientUnits="userSpaceOnUse"><stop stop-color="#966761"/><stop offset=".768" stop-color="#6a5d5c"/></linearGradient><linearGradient id="SVGQFv0fe0A" x1="12" x2="12" y1="3.999" y2="19.998" gradientUnits="userSpaceOnUse"><stop offset=".491" stop-color="#533534"/><stop offset="1" stop-color="#3c3133"/></linearGradient><linearGradient id="SVGgUJknbTa" x1="18.001" x2="13.763" y1="7.149" y2="19.025" gradientUnits="userSpaceOnUse"><stop stop-color="#c79890"/><stop offset=".563" stop-color="#c89b94"/></linearGradient><linearGradient id="SVGHS4Ybdsf" x1="18.001" x2="13.788" y1="7.31" y2="19.154" gradientUnits="userSpaceOnUse"><stop stop-color="#db9e94"/><stop offset=".453" stop-color="#cf9991"/></linearGradient><linearGradient id="SVGcjq5Xb1f" x1="5.999" x2="14.552" y1="12.818" y2="5.921" gradientUnits="userSpaceOnUse"><stop stop-color="#543d3d"/><stop offset=".77" stop-color="#4c3939"/></linearGradient><linearGradient id="SVGiXhm1cuL" x1="5.999" x2="14.556" y1="12.813" y2="5.918" gradientUnits="userSpaceOnUse"><stop stop-color="#543d3d"/><stop offset=".77" stop-color="#4c3939"/></linearGradient><linearGradient id="SVGgtSzhbKV" x1="18.001" x2="13.69" y1="7.681" y2="19.298" gradientUnits="userSpaceOnUse"><stop stop-color="#dba096"/><stop offset=".518" stop-color="#bc938d"/></linearGradient><linearGradient id="SVGfgR2idia" x1="11.999" x2="9.988" y1="10.537" y2="13.504" gradientUnits="userSpaceOnUse"><stop stop-color="#fabdae"/><stop offset=".516" stop-color="#daa095"/></linearGradient><clipPath id="SVGHcSWxdhd26"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedFoamBackground(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(#SVGHcSWxdhd26)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGvg0tJb3B)" d="M10 14.49v-1.03l1.277.714l-.944.507z"/><path fill="#493636" d="M13.999 14.49v-1.03l-1.275.714l.947.507z"/><path fill="url(#SVGgdN4Lbln)" d="M16.004 11.555L14 12.623l2.005 1.096L18 12.623z"/><path fill="#83615b" d="m10.307 9.268l-.31-.166v.333z"/><path fill="#6f5655" d="M17.998 11.198V7.231l-2 1.032v4.064z"/><path fill="url(#SVGcx0Nyc6d)" d="M14 9.093V5.068l-2 1.098v4.055z"/><path fill="#654a48" d="M13.658 9.26L14 9.091v.343z"/><path fill="#684b49" d="m13.667 14.659l.332-.18v.368z"/><path fill="#7a5d59" d="m10.338 14.659l-.339-.18v.368z"/><path fill="#7d6563" d="M8.005 6.164L5.999 7.232l2.006 1.096L10 7.232z"/><path fill="url(#SVGNUNGhbsV)" d="M10 9.105v-4.04l2 1.094v4.075z"/><path fill="url(#SVGd8oNKeer)" d="M14 11.21V7.23l2 1.078v4.018z"/><path fill="url(#SVGBUIcPdzR)" d="M14 16.652V12.62l2 1.07v4.1z"/><path fill="#7d6563" d="M12.004 4L10 5.068l2.005 1.096L14 5.068zm4 2.164L14 7.232l2.005 1.097L18 7.23z"/><path fill="url(#SVGgdN4Lbln)" d="M8.004 11.555L6 12.623l2.005 1.096L10 12.623z"/><path fill="url(#SVGQFv0fe0A)" d="M12.004 13.763L10 14.831l2.005 1.097L14 14.83z"/><path fill="url(#SVGgUJknbTa)" d="M6 16.653V12.62l2 1.08v4.09z"/><path fill="#7d6563" d="M12.004 8.362L10 9.43l2.005 1.097L14 9.43z"/><path fill="url(#SVGHS4Ybdsf)" d="M10 18.865V14.82l2 1.095V20z"/><path fill="#6e5453" d="M18 16.65v-4.035l-2 1.074v4.099z"/><path fill="#725857" d="M14 13.465V9.428l-2 1.092v4.078z"/><path fill="#705554" d="M14 18.865V14.82l-2 1.095V20z"/><path fill="url(#SVGcjq5Xb1f)" d="M10 16.653V12.62L8 13.7v4.09z"/><path fill="url(#SVGiXhm1cuL)" d="M10 11.259V7.232L8 8.307v4.086z"/><path fill="url(#SVGgtSzhbKV)" d="M6 11.259V7.232l2 1.075v4.086z"/><path fill="url(#SVGfgR2idia)" d="M10 13.468V9.432l2 1.09v4.077z"/></g><defs><linearGradient id="SVGvg0tJb3B" x1="6.075" x2="18.17" y1="11.999" y2="13.449" gradientUnits="userSpaceOnUse"><stop stopColor="#6c5e5d"/><stop offset="1" stopColor="#684440"/></linearGradient><linearGradient id="SVGgdN4Lbln" x1="12" x2="12" y1="4" y2="20.003" gradientUnits="userSpaceOnUse"><stop offset=".491" stopColor="#533534"/><stop offset="1" stopColor="#3c3133"/></linearGradient><linearGradient id="SVGcx0Nyc6d" x1="6" x2="14.53" y1="12.841" y2="5.939" gradientUnits="userSpaceOnUse"><stop stopColor="#543d3d"/><stop offset=".77" stopColor="#4c3939"/></linearGradient><linearGradient id="SVGNUNGhbsV" x1="18.001" x2="6.655" y1="12.023" y2="8.806" gradientUnits="userSpaceOnUse"><stop stopColor="#966761"/><stop offset=".768" stopColor="#6a5d5c"/></linearGradient><linearGradient id="SVGd8oNKeer" x1="18.001" x2="6.652" y1="12.002" y2="8.789" gradientUnits="userSpaceOnUse"><stop stopColor="#966761"/><stop offset=".768" stopColor="#6a5d5c"/></linearGradient><linearGradient id="SVGBUIcPdzR" x1="18.001" x2="6.641" y1="11.958" y2="8.76" gradientUnits="userSpaceOnUse"><stop stopColor="#966761"/><stop offset=".768" stopColor="#6a5d5c"/></linearGradient><linearGradient id="SVGQFv0fe0A" x1="12" x2="12" y1="3.999" y2="19.998" gradientUnits="userSpaceOnUse"><stop offset=".491" stopColor="#533534"/><stop offset="1" stopColor="#3c3133"/></linearGradient><linearGradient id="SVGgUJknbTa" x1="18.001" x2="13.763" y1="7.149" y2="19.025" gradientUnits="userSpaceOnUse"><stop stopColor="#c79890"/><stop offset=".563" stopColor="#c89b94"/></linearGradient><linearGradient id="SVGHS4Ybdsf" x1="18.001" x2="13.788" y1="7.31" y2="19.154" gradientUnits="userSpaceOnUse"><stop stopColor="#db9e94"/><stop offset=".453" stopColor="#cf9991"/></linearGradient><linearGradient id="SVGcjq5Xb1f" x1="5.999" x2="14.552" y1="12.818" y2="5.921" gradientUnits="userSpaceOnUse"><stop stopColor="#543d3d"/><stop offset=".77" stopColor="#4c3939"/></linearGradient><linearGradient id="SVGiXhm1cuL" x1="5.999" x2="14.556" y1="12.813" y2="5.918" gradientUnits="userSpaceOnUse"><stop stopColor="#543d3d"/><stop offset=".77" stopColor="#4c3939"/></linearGradient><linearGradient id="SVGgtSzhbKV" x1="18.001" x2="13.69" y1="7.681" y2="19.298" gradientUnits="userSpaceOnUse"><stop stopColor="#dba096"/><stop offset=".518" stopColor="#bc938d"/></linearGradient><linearGradient id="SVGfgR2idia" x1="11.999" x2="9.988" y1="10.537" y2="13.504" gradientUnits="userSpaceOnUse"><stop stopColor="#fabdae"/><stop offset=".516" stopColor="#daa095"/></linearGradient><clipPath id="SVGHcSWxdhd26"><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(#SVGHcSWxdhd26)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGvg0tJb3B)" d="M10 14.49v-1.03l1.277.714l-.944.507z"/><path fill="#493636" d="M13.999 14.49v-1.03l-1.275.714l.947.507z"/><path fill="url(#SVGgdN4Lbln)" d="M16.004 11.555L14 12.623l2.005 1.096L18 12.623z"/><path fill="#83615b" d="m10.307 9.268l-.31-.166v.333z"/><path fill="#6f5655" d="M17.998 11.198V7.231l-2 1.032v4.064z"/><path fill="url(#SVGcx0Nyc6d)" d="M14 9.093V5.068l-2 1.098v4.055z"/><path fill="#654a48" d="M13.658 9.26L14 9.091v.343z"/><path fill="#684b49" d="m13.667 14.659l.332-.18v.368z"/><path fill="#7a5d59" d="m10.338 14.659l-.339-.18v.368z"/><path fill="#7d6563" d="M8.005 6.164L5.999 7.232l2.006 1.096L10 7.232z"/><path fill="url(#SVGNUNGhbsV)" d="M10 9.105v-4.04l2 1.094v4.075z"/><path fill="url(#SVGd8oNKeer)" d="M14 11.21V7.23l2 1.078v4.018z"/><path fill="url(#SVGBUIcPdzR)" d="M14 16.652V12.62l2 1.07v4.1z"/><path fill="#7d6563" d="M12.004 4L10 5.068l2.005 1.096L14 5.068zm4 2.164L14 7.232l2.005 1.097L18 7.23z"/><path fill="url(#SVGgdN4Lbln)" d="M8.004 11.555L6 12.623l2.005 1.096L10 12.623z"/><path fill="url(#SVGQFv0fe0A)" d="M12.004 13.763L10 14.831l2.005 1.097L14 14.83z"/><path fill="url(#SVGgUJknbTa)" d="M6 16.653V12.62l2 1.08v4.09z"/><path fill="#7d6563" d="M12.004 8.362L10 9.43l2.005 1.097L14 9.43z"/><path fill="url(#SVGHS4Ybdsf)" d="M10 18.865V14.82l2 1.095V20z"/><path fill="#6e5453" d="M18 16.65v-4.035l-2 1.074v4.099z"/><path fill="#725857" d="M14 13.465V9.428l-2 1.092v4.078z"/><path fill="#705554" d="M14 18.865V14.82l-2 1.095V20z"/><path fill="url(#SVGcjq5Xb1f)" d="M10 16.653V12.62L8 13.7v4.09z"/><path fill="url(#SVGiXhm1cuL)" d="M10 11.259V7.232L8 8.307v4.086z"/><path fill="url(#SVGgtSzhbKV)" d="M6 11.259V7.232l2 1.075v4.086z"/><path fill="url(#SVGfgR2idia)" d="M10 13.468V9.432l2 1.09v4.077z"/></g><defs><linearGradient id="SVGvg0tJb3B" x1="6.075" x2="18.17" y1="11.999" y2="13.449" gradientUnits="userSpaceOnUse"><stop stop-color="#6c5e5d"/><stop offset="1" stop-color="#684440"/></linearGradient><linearGradient id="SVGgdN4Lbln" x1="12" x2="12" y1="4" y2="20.003" gradientUnits="userSpaceOnUse"><stop offset=".491" stop-color="#533534"/><stop offset="1" stop-color="#3c3133"/></linearGradient><linearGradient id="SVGcx0Nyc6d" x1="6" x2="14.53" y1="12.841" y2="5.939" gradientUnits="userSpaceOnUse"><stop stop-color="#543d3d"/><stop offset=".77" stop-color="#4c3939"/></linearGradient><linearGradient id="SVGNUNGhbsV" x1="18.001" x2="6.655" y1="12.023" y2="8.806" gradientUnits="userSpaceOnUse"><stop stop-color="#966761"/><stop offset=".768" stop-color="#6a5d5c"/></linearGradient><linearGradient id="SVGd8oNKeer" x1="18.001" x2="6.652" y1="12.002" y2="8.789" gradientUnits="userSpaceOnUse"><stop stop-color="#966761"/><stop offset=".768" stop-color="#6a5d5c"/></linearGradient><linearGradient id="SVGBUIcPdzR" x1="18.001" x2="6.641" y1="11.958" y2="8.76" gradientUnits="userSpaceOnUse"><stop stop-color="#966761"/><stop offset=".768" stop-color="#6a5d5c"/></linearGradient><linearGradient id="SVGQFv0fe0A" x1="12" x2="12" y1="3.999" y2="19.998" gradientUnits="userSpaceOnUse"><stop offset=".491" stop-color="#533534"/><stop offset="1" stop-color="#3c3133"/></linearGradient><linearGradient id="SVGgUJknbTa" x1="18.001" x2="13.763" y1="7.149" y2="19.025" gradientUnits="userSpaceOnUse"><stop stop-color="#c79890"/><stop offset=".563" stop-color="#c89b94"/></linearGradient><linearGradient id="SVGHS4Ybdsf" x1="18.001" x2="13.788" y1="7.31" y2="19.154" gradientUnits="userSpaceOnUse"><stop stop-color="#db9e94"/><stop offset=".453" stop-color="#cf9991"/></linearGradient><linearGradient id="SVGcjq5Xb1f" x1="5.999" x2="14.552" y1="12.818" y2="5.921" gradientUnits="userSpaceOnUse"><stop stop-color="#543d3d"/><stop offset=".77" stop-color="#4c3939"/></linearGradient><linearGradient id="SVGiXhm1cuL" x1="5.999" x2="14.556" y1="12.813" y2="5.918" gradientUnits="userSpaceOnUse"><stop stop-color="#543d3d"/><stop offset=".77" stop-color="#4c3939"/></linearGradient><linearGradient id="SVGgtSzhbKV" x1="18.001" x2="13.69" y1="7.681" y2="19.298" gradientUnits="userSpaceOnUse"><stop stop-color="#dba096"/><stop offset=".518" stop-color="#bc938d"/></linearGradient><linearGradient id="SVGfgR2idia" x1="11.999" x2="9.988" y1="10.537" y2="13.504" gradientUnits="userSpaceOnUse"><stop stop-color="#fabdae"/><stop offset=".516" stop-color="#daa095"/></linearGradient><clipPath id="SVGHcSWxdhd26"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-foam-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(%23SVGHcSWxdhd26)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGvg0tJb3B)%22%20d%3D%22M10%2014.49v-1.03l1.277.714l-.944.507z%22%2F%3E%3Cpath%20fill%3D%22%23493636%22%20d%3D%22M13.999%2014.49v-1.03l-1.275.714l.947.507z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgdN4Lbln)%22%20d%3D%22M16.004%2011.555L14%2012.623l2.005%201.096L18%2012.623z%22%2F%3E%3Cpath%20fill%3D%22%2383615b%22%20d%3D%22m10.307%209.268l-.31-.166v.333z%22%2F%3E%3Cpath%20fill%3D%22%236f5655%22%20d%3D%22M17.998%2011.198V7.231l-2%201.032v4.064z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcx0Nyc6d)%22%20d%3D%22M14%209.093V5.068l-2%201.098v4.055z%22%2F%3E%3Cpath%20fill%3D%22%23654a48%22%20d%3D%22M13.658%209.26L14%209.091v.343z%22%2F%3E%3Cpath%20fill%3D%22%23684b49%22%20d%3D%22m13.667%2014.659l.332-.18v.368z%22%2F%3E%3Cpath%20fill%3D%22%237a5d59%22%20d%3D%22m10.338%2014.659l-.339-.18v.368z%22%2F%3E%3Cpath%20fill%3D%22%237d6563%22%20d%3D%22M8.005%206.164L5.999%207.232l2.006%201.096L10%207.232z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNUNGhbsV)%22%20d%3D%22M10%209.105v-4.04l2%201.094v4.075z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGd8oNKeer)%22%20d%3D%22M14%2011.21V7.23l2%201.078v4.018z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBUIcPdzR)%22%20d%3D%22M14%2016.652V12.62l2%201.07v4.1z%22%2F%3E%3Cpath%20fill%3D%22%237d6563%22%20d%3D%22M12.004%204L10%205.068l2.005%201.096L14%205.068zm4%202.164L14%207.232l2.005%201.097L18%207.23z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgdN4Lbln)%22%20d%3D%22M8.004%2011.555L6%2012.623l2.005%201.096L10%2012.623z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQFv0fe0A)%22%20d%3D%22M12.004%2013.763L10%2014.831l2.005%201.097L14%2014.83z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgUJknbTa)%22%20d%3D%22M6%2016.653V12.62l2%201.08v4.09z%22%2F%3E%3Cpath%20fill%3D%22%237d6563%22%20d%3D%22M12.004%208.362L10%209.43l2.005%201.097L14%209.43z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHS4Ybdsf)%22%20d%3D%22M10%2018.865V14.82l2%201.095V20z%22%2F%3E%3Cpath%20fill%3D%22%236e5453%22%20d%3D%22M18%2016.65v-4.035l-2%201.074v4.099z%22%2F%3E%3Cpath%20fill%3D%22%23725857%22%20d%3D%22M14%2013.465V9.428l-2%201.092v4.078z%22%2F%3E%3Cpath%20fill%3D%22%23705554%22%20d%3D%22M14%2018.865V14.82l-2%201.095V20z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcjq5Xb1f)%22%20d%3D%22M10%2016.653V12.62L8%2013.7v4.09z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGiXhm1cuL)%22%20d%3D%22M10%2011.259V7.232L8%208.307v4.086z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgtSzhbKV)%22%20d%3D%22M6%2011.259V7.232l2%201.075v4.086z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfgR2idia)%22%20d%3D%22M10%2013.468V9.432l2%201.09v4.077z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGvg0tJb3B%22%20x1%3D%226.075%22%20x2%3D%2218.17%22%20y1%3D%2211.999%22%20y2%3D%2213.449%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236c5e5d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23684440%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgdN4Lbln%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224%22%20y2%3D%2220.003%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.491%22%20stop-color%3D%22%23533534%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233c3133%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGcx0Nyc6d%22%20x1%3D%226%22%20x2%3D%2214.53%22%20y1%3D%2212.841%22%20y2%3D%225.939%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23543d3d%22%2F%3E%3Cstop%20offset%3D%22.77%22%20stop-color%3D%22%234c3939%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNUNGhbsV%22%20x1%3D%2218.001%22%20x2%3D%226.655%22%20y1%3D%2212.023%22%20y2%3D%228.806%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23966761%22%2F%3E%3Cstop%20offset%3D%22.768%22%20stop-color%3D%22%236a5d5c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGd8oNKeer%22%20x1%3D%2218.001%22%20x2%3D%226.652%22%20y1%3D%2212.002%22%20y2%3D%228.789%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23966761%22%2F%3E%3Cstop%20offset%3D%22.768%22%20stop-color%3D%22%236a5d5c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGBUIcPdzR%22%20x1%3D%2218.001%22%20x2%3D%226.641%22%20y1%3D%2211.958%22%20y2%3D%228.76%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23966761%22%2F%3E%3Cstop%20offset%3D%22.768%22%20stop-color%3D%22%236a5d5c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQFv0fe0A%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.999%22%20y2%3D%2219.998%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.491%22%20stop-color%3D%22%23533534%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233c3133%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgUJknbTa%22%20x1%3D%2218.001%22%20x2%3D%2213.763%22%20y1%3D%227.149%22%20y2%3D%2219.025%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c79890%22%2F%3E%3Cstop%20offset%3D%22.563%22%20stop-color%3D%22%23c89b94%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHS4Ybdsf%22%20x1%3D%2218.001%22%20x2%3D%2213.788%22%20y1%3D%227.31%22%20y2%3D%2219.154%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23db9e94%22%2F%3E%3Cstop%20offset%3D%22.453%22%20stop-color%3D%22%23cf9991%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGcjq5Xb1f%22%20x1%3D%225.999%22%20x2%3D%2214.552%22%20y1%3D%2212.818%22%20y2%3D%225.921%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23543d3d%22%2F%3E%3Cstop%20offset%3D%22.77%22%20stop-color%3D%22%234c3939%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGiXhm1cuL%22%20x1%3D%225.999%22%20x2%3D%2214.556%22%20y1%3D%2212.813%22%20y2%3D%225.918%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23543d3d%22%2F%3E%3Cstop%20offset%3D%22.77%22%20stop-color%3D%22%234c3939%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgtSzhbKV%22%20x1%3D%2218.001%22%20x2%3D%2213.69%22%20y1%3D%227.681%22%20y2%3D%2219.298%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dba096%22%2F%3E%3Cstop%20offset%3D%22.518%22%20stop-color%3D%22%23bc938d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfgR2idia%22%20x1%3D%2211.999%22%20x2%3D%229.988%22%20y1%3D%2210.537%22%20y2%3D%2213.504%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fabdae%22%2F%3E%3Cstop%20offset%3D%22.516%22%20stop-color%3D%22%23daa095%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd26%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(%23SVGHcSWxdhd26)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGvg0tJb3B)%22%20d%3D%22M10%2014.49v-1.03l1.277.714l-.944.507z%22%2F%3E%3Cpath%20fill%3D%22%23493636%22%20d%3D%22M13.999%2014.49v-1.03l-1.275.714l.947.507z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgdN4Lbln)%22%20d%3D%22M16.004%2011.555L14%2012.623l2.005%201.096L18%2012.623z%22%2F%3E%3Cpath%20fill%3D%22%2383615b%22%20d%3D%22m10.307%209.268l-.31-.166v.333z%22%2F%3E%3Cpath%20fill%3D%22%236f5655%22%20d%3D%22M17.998%2011.198V7.231l-2%201.032v4.064z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcx0Nyc6d)%22%20d%3D%22M14%209.093V5.068l-2%201.098v4.055z%22%2F%3E%3Cpath%20fill%3D%22%23654a48%22%20d%3D%22M13.658%209.26L14%209.091v.343z%22%2F%3E%3Cpath%20fill%3D%22%23684b49%22%20d%3D%22m13.667%2014.659l.332-.18v.368z%22%2F%3E%3Cpath%20fill%3D%22%237a5d59%22%20d%3D%22m10.338%2014.659l-.339-.18v.368z%22%2F%3E%3Cpath%20fill%3D%22%237d6563%22%20d%3D%22M8.005%206.164L5.999%207.232l2.006%201.096L10%207.232z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNUNGhbsV)%22%20d%3D%22M10%209.105v-4.04l2%201.094v4.075z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGd8oNKeer)%22%20d%3D%22M14%2011.21V7.23l2%201.078v4.018z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBUIcPdzR)%22%20d%3D%22M14%2016.652V12.62l2%201.07v4.1z%22%2F%3E%3Cpath%20fill%3D%22%237d6563%22%20d%3D%22M12.004%204L10%205.068l2.005%201.096L14%205.068zm4%202.164L14%207.232l2.005%201.097L18%207.23z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgdN4Lbln)%22%20d%3D%22M8.004%2011.555L6%2012.623l2.005%201.096L10%2012.623z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQFv0fe0A)%22%20d%3D%22M12.004%2013.763L10%2014.831l2.005%201.097L14%2014.83z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgUJknbTa)%22%20d%3D%22M6%2016.653V12.62l2%201.08v4.09z%22%2F%3E%3Cpath%20fill%3D%22%237d6563%22%20d%3D%22M12.004%208.362L10%209.43l2.005%201.097L14%209.43z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHS4Ybdsf)%22%20d%3D%22M10%2018.865V14.82l2%201.095V20z%22%2F%3E%3Cpath%20fill%3D%22%236e5453%22%20d%3D%22M18%2016.65v-4.035l-2%201.074v4.099z%22%2F%3E%3Cpath%20fill%3D%22%23725857%22%20d%3D%22M14%2013.465V9.428l-2%201.092v4.078z%22%2F%3E%3Cpath%20fill%3D%22%23705554%22%20d%3D%22M14%2018.865V14.82l-2%201.095V20z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcjq5Xb1f)%22%20d%3D%22M10%2016.653V12.62L8%2013.7v4.09z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGiXhm1cuL)%22%20d%3D%22M10%2011.259V7.232L8%208.307v4.086z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgtSzhbKV)%22%20d%3D%22M6%2011.259V7.232l2%201.075v4.086z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfgR2idia)%22%20d%3D%22M10%2013.468V9.432l2%201.09v4.077z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGvg0tJb3B%22%20x1%3D%226.075%22%20x2%3D%2218.17%22%20y1%3D%2211.999%22%20y2%3D%2213.449%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236c5e5d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23684440%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgdN4Lbln%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224%22%20y2%3D%2220.003%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.491%22%20stop-color%3D%22%23533534%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233c3133%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGcx0Nyc6d%22%20x1%3D%226%22%20x2%3D%2214.53%22%20y1%3D%2212.841%22%20y2%3D%225.939%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23543d3d%22%2F%3E%3Cstop%20offset%3D%22.77%22%20stop-color%3D%22%234c3939%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNUNGhbsV%22%20x1%3D%2218.001%22%20x2%3D%226.655%22%20y1%3D%2212.023%22%20y2%3D%228.806%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23966761%22%2F%3E%3Cstop%20offset%3D%22.768%22%20stop-color%3D%22%236a5d5c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGd8oNKeer%22%20x1%3D%2218.001%22%20x2%3D%226.652%22%20y1%3D%2212.002%22%20y2%3D%228.789%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23966761%22%2F%3E%3Cstop%20offset%3D%22.768%22%20stop-color%3D%22%236a5d5c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGBUIcPdzR%22%20x1%3D%2218.001%22%20x2%3D%226.641%22%20y1%3D%2211.958%22%20y2%3D%228.76%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23966761%22%2F%3E%3Cstop%20offset%3D%22.768%22%20stop-color%3D%22%236a5d5c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQFv0fe0A%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.999%22%20y2%3D%2219.998%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.491%22%20stop-color%3D%22%23533534%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233c3133%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgUJknbTa%22%20x1%3D%2218.001%22%20x2%3D%2213.763%22%20y1%3D%227.149%22%20y2%3D%2219.025%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c79890%22%2F%3E%3Cstop%20offset%3D%22.563%22%20stop-color%3D%22%23c89b94%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHS4Ybdsf%22%20x1%3D%2218.001%22%20x2%3D%2213.788%22%20y1%3D%227.31%22%20y2%3D%2219.154%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23db9e94%22%2F%3E%3Cstop%20offset%3D%22.453%22%20stop-color%3D%22%23cf9991%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGcjq5Xb1f%22%20x1%3D%225.999%22%20x2%3D%2214.552%22%20y1%3D%2212.818%22%20y2%3D%225.921%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23543d3d%22%2F%3E%3Cstop%20offset%3D%22.77%22%20stop-color%3D%22%234c3939%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGiXhm1cuL%22%20x1%3D%225.999%22%20x2%3D%2214.556%22%20y1%3D%2212.813%22%20y2%3D%225.918%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23543d3d%22%2F%3E%3Cstop%20offset%3D%22.77%22%20stop-color%3D%22%234c3939%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgtSzhbKV%22%20x1%3D%2218.001%22%20x2%3D%2213.69%22%20y1%3D%227.681%22%20y2%3D%2219.298%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dba096%22%2F%3E%3Cstop%20offset%3D%22.518%22%20stop-color%3D%22%23bc938d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfgR2idia%22%20x1%3D%2211.999%22%20x2%3D%229.988%22%20y1%3D%2210.537%22%20y2%3D%2213.504%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fabdae%22%2F%3E%3Cstop%20offset%3D%22.516%22%20stop-color%3D%22%23daa095%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd26%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/foam-background.svg?color=%231a73e8&size=48