Meld Background icon
token-branded:meld-background
The Meld Background icon (token-branded:meld-background) is a free SVG icon from the Web3 Icons Branded set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 Icons Branded icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Web3 Icons Branded
- Author
- 0xa3k5
- License
- MIT
- Size
- 24 × 24
- Tags
- meldbackground
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#6fba6e" d="M4.021 13.353a1.096 1.096 0 0 1 1.34.355l.104.351zm.473 1.391c.376.07.8-.16.967-.285l-.066-.327a.98.98 0 0 0-.904.612z"/><path fill="#7de271" d="M4 13.355c.383.045 1.064.43 1.357.619l.038.07c-.911.187-1.308-.383-1.395-.69"/><path fill="#519a69" d="M18.56 12.595c-.782-.06-1.252.609-1.388.946l.373.174c.163-.122 1.36-.56 1.94-.765a2.1 2.1 0 0 0-.925-.355"/><path fill="#307e4b" d="M5.367 14.066c-.64-.08-.866.418-.897.679c.382-.348.8-.522.963-.56l-.07-.119z"/><path fill="#74c173" d="M17.889 11.868c-.612-.031-1.03.48-1.158.737l.299.55z"/><path fill="#999cb3" fill-rule="evenodd" d="M11.941 7.535a.057.057 0 0 0-.059-.059a.06.06 0 0 0-.059.06v.389a.337.337 0 0 0-.146.609l-.383 1.161l.115.035l.129-.393l.209.275l-.303.306l.087.083l.285-.295l.15.194l.094-.07l-.16-.208l.267-.278l.067.25l.11-.03l-.264-1.03a.337.337 0 0 0-.139-.61zM11.88 8.6a.4.4 0 0 1-.094-.014l-.035.111l.143.146l.121-.097l-.041-.16a.4.4 0 0 1-.094.014m-.279.626l.226.299l.29-.296l-.23-.23l-.289.223zm.376-.3l.115.112l-.045-.167zm-.268-.104l.094.094l-.17.132z" clip-rule="evenodd"/><path fill="#89e77a" d="m17.903 11.865l-.87 1.252l.174.34c.832-.556.811-1.293.696-1.592"/><path fill="#c1cae9" d="M10.678 8.63L9.69 9.98l1.298-.209l-.313-1.14z"/><path fill="#989bb2" d="M8.82 7.995v.236l.926.174v-.41L9.301 7.8z"/><path fill="#c1cae9" d="M7.454 10.873c.534 0 .967-.43.967-.96s-.433-.96-.967-.96a.964.964 0 0 0-.967.96c0 .53.433.96.967.96"/><path fill="#aec4de" d="M6.435 9.813v.974l.438 1.103l.605-1.006v-1.53zm1.739-1.28v2.351l.47.567l.59 1.023l.48-.202l-.497-1.005V8.06l-1.043.477zm1.54 1.405v1.221h1.263V9.754z"/><path fill="#a4acc7" d="M7.479 9.373v1.534l.696.164V9.582zm1.74-1.311v3.336h1.043V8.365zm1.738 1.684v1.38l.696.272V10.03z"/><path fill="#a2a5c2" d="m11.604 10.035l-.94-1.426l.296 1.155z"/><path fill="#a2b8cd" d="m12 10.603l-.348.093v.522l.348.602z"/><path fill="#add3e8" d="M12.532 9.215L12 9.441V12.5l1.043.362v-2.237z"/><path fill="#a3abc7" d="M13.74 10.87v.8l-.891.836v-2.063zm.907-.17l-.115.908h.581l.104-.605z"/><path fill="#afbedb" d="M13.67 10.832v.86l.863.048l.156-1.072h-.647l-.376.164z"/><path fill="#6ab670" d="M17.437 13.639c.612-.661 1.62-.738 2.048-.696l-.525.696zm-.035-1.054l.337-.146l.021.055l-.424.181l-.223.313l.393-.045l.007.06l-.525.058l.296-.41a1.4 1.4 0 0 1-.101-.261c-.025-.108-.035-.23.007-.32l.055.028c-.035.07-.031.174-.003.278c.02.084.052.16.08.22l.529-.731l.045.034z"/><path fill="url(#SVG6XdAvc6H)" d="m18.165 13.102l.299-.348l-.042-.038l-.383.442a2.8 2.8 0 0 0-.626.393l.035.042c.217-.176.459-.32.716-.428c.126.02.418.1.633.243l.035-.048a1.9 1.9 0 0 0-.57-.233c.377-.16.791-.212 1.196-.153l.01-.06a2.35 2.35 0 0 0-1.303.188"/><path fill="#569f6d" d="M19.868 15.753c.038-.403-.302-.487-.476-.48l-.119.226c.101.115.557.25.592.25z"/><path fill="#75c274" d="M20 15.248c-.115-.268-.46-.382-.616-.407v.407c.32.22.543.09.616 0"/><path fill="#3e221b" d="M5.92 16.52c-.41-.034-.737-.904-.849-1.335l.567.64h4.035l.338-.435h2.41l.341.264l1.242.105l-.122-.626l.365-.035l.438.605l1.381-.048l.682-.164l2.505.09l.045-1.294c.115.15.209.442.219.557l-.035 1.12a.214.214 0 0 1-.184.212h-2.16a.52.52 0 0 1-.3-.094c-.306.181-.59.418-.695.442H14.89c-.174 0-.296-.264-.334-.327l-.313-.542c.01.083.034.295.08.469c.045.174-.056.383-.115.4h-1.27l-.382-.348h-2.122c-.007.313-.188.334-.278.348H5.923zm3.322-4.653l-.185-.41l-.15.83h.335zm2.925.316c-.003-.062-.153-.383-.226-.536l-.157.835h.383z"/><path fill="#8b543d" d="m5.42 15.848l-.297-.536c-.094-.174-.038-.31 0-.351l.296-.418l-.358-3.231c-.028-.205.076-.31.135-.334l.974-.358c.167-.073.296.059.338.132l.337.716l.418-.758c.07-.184.27-.209.365-.202l.866.244c.14.035.247.111.282.146l.33.57l-.059.505c-.024.142.077.191.132.194h.393l-.362-.806c-.11-.247.07-.359.174-.383h2.063c.174.14.431.522.543.696l-.087.678h.532c.167-.014.383.156.466.243l-.08-.622a.35.35 0 0 1 .216-.362l2.034-.153c.251-.02.362.313.386.48h.331c.191.01.306.129.337.188c.79.257 1.113 1.078 1.173 1.454h1.642l.365.706v.904c-.01.369-.063.616-.115.633h-2.23c-.167 0-.264-.202-.295-.243a1.08 1.08 0 0 1-.696.243H14.66c-.163 0-.268-.062-.3-.122l-.243-.51l.06.389c.013.219-.09.236-.147.243h-1.078c-.281.01-.483-.243-.55-.348H10.26v.226c-.01.272-.26.328-.383.32H5.816a.54.54 0 0 1-.397-.173"/><path fill="url(#SVGhIIKtBQU)" d="m5.767 15.65l-.254-.523l.772-.254v-1.85l.264.3l.223 2.117c.028.133-.08.195-.14.21h-.869z"/><path fill="url(#SVG6y4MedDv)" d="m6.911 14.208l-.285-.58l.717-.707l.257.05l-.337 1.237z"/><path fill="url(#SVGxFOYAdBn)" d="m7.478 14.93l-.268-.487L8.4 11.11l.25.362v1.537l-.39 1.92z"/><path fill="url(#SVGj7PfedvD)" d="m8.494 15.577l-.257-.487l.685-2.338l.87-.278l.198.278l-.063.912H9.48l.208.375v.313l.24.428v.797z"/><path fill="url(#SVGdoRGhbzY)" d="M6.421 15.128h-.904c-.07-.094.08-.244.16-.33l-.334-3.444a.28.28 0 0 1 .09-.261l.616-.174c.09-.056.191.017.233.063l.626 1.154l.532-1.154c.032-.164.181-.195.254-.192l.745.3l-.334 3.342H7.2l.244-1.398l-.4.702h-.32l-.383-.57l.181 1.725c.014.206-.062.23-.104.237z"/><path fill="url(#SVGw7roWdvH)" d="M8.22 15.128h1.478c.024-.234.059-.748 0-.78c-.06-.031-.185.157-.244.254H8.78l.052-.344h.453a.2.2 0 0 0 .16-.104l.034-.268c.01-.098-.087-.14-.139-.15h-.372l.07-.511h.58c.098 0 .143-.07.154-.104l.055-.675h-.852l-.32-.32c-.108-.146-.174-.063-.188 0l-.135.89c-.028.16.08.233.135.247z"/><path fill="#8c7c60" d="m9.662 11.655l-.083-.275l.539.446l-.049.278z"/><path fill="url(#SVGDiheubej)" d="m11.583 11.657l-.268-.439l-.522 2.755h.403z"/><path fill="url(#SVGh9nMfdRY)" d="m11.527 14.318l-.184-.33l-1.42.8l.23.486h1.374a.215.215 0 0 0 .216-.17z"/><path fill="#7a694e" d="m11.35 14.178l-.126-.474l1.204-.636l.417.58l-.466.314l-.817-.313l.076.529z"/><path fill="#7a694e" d="m11.916 15.18l-.167-.355l1.45-1.635l.453 1.44l.132.647c.035.09.025.157 0 .199H13.2c-.118.01-.195-.021-.22-.07l-.25-.487h-.104c.06.212-.024.327-.076.358h-.432c-.09.004-.174-.062-.202-.097m1.837-.48l-.174-.337l.129-.724l.372-.462l.476.306l.522-1.726l.209.428l-.26 2.515l-.47.15l-.258-.487v.448h-.358c-.084-.007-.16-.076-.188-.11"/><path fill="url(#SVGdTIQacpf)" d="M15.478 15.614h-.765l-.23-.417l1.2-.38l.835-.824l-.132-1.38a1.565 1.565 0 0 1 .62 1.808a1.72 1.72 0 0 1-1.528 1.193"/><path fill="#e6e4b3" d="m14.435 15.163l.786.035c.327.017 1.078-.167 1.46-1.006c.477-1.043-.006-1.69-.848-1.899v-.15h-.612l-.244 2.488h-.542zm1.408-.793l.09-.755c.091.01.272.035.303.125c-.031.136-.139.477-.393.626z"/><path fill="#746248" d="M16.237 13.75c.066-.48-.327-.546-.532-.518l.23.382z"/><path fill="#908164" d="m15.523 14.571l.167-1.364l.25.418l-.058.713c-.035.056-.265.188-.359.23z"/><path fill="#e6e4b3" d="m14.091 14.328l-.522.053l-.452-2.24c-.035-.126.021-.202.052-.223l.456-.09c.153-.021.243.052.268.09l.497.723v-.887h.713l-.24 2.578h-.58v-.55L14 13.368l.09.964zm-2.372.453h.689v-.307h.16l.247.654h.737c.042-.024.104-.132.06-.26l-.418-1.684l-.7-.574l-.646.035l-.724.939l.08.188l.237-.038zm.57-1.023v-.438h.07l.153.438z"/><path fill="#e6e4b3" d="M10.017 11.924L9.9 14.561c-.01.194.073.208.118.219h1.33c.162-.014.18-.073.173-.125l-.174-.616c0-.111-.136-.14-.202-.132h-.254l.456-2.741H9.652c-.195-.014-.142.163-.094.254z"/><path fill="#a8500a" d="m16.887 15.35l-.226-.417l.497-.278l.216.348l.212-.936l.54-.087l.716-.16l.15.247c.121.132.094.327.066.407v.991h-.216l-.209-.278l.094.278h-.271c-.094 0-.15-.076-.167-.115l-.094-.215h-.226v.163c0 .115-.07.16-.108.167h-.275l-.153-.243c-.177.351-.438.233-.546.128"/><path fill="#fef038" d="M16.887 15.037c.177 0 .32-.142.32-.317a.32.32 0 0 0-.32-.316a.32.32 0 0 0-.32.316c0 .175.143.317.32.317"/><path fill="#fef038" fill-rule="evenodd" d="m17.329 15.129l.059-1.392h.779l.313 1.392h-.358l-.077-.348h-.278l-.028.348zm.441-.644v-.428h.119l.087.428h-.21z" clip-rule="evenodd"/><path fill="#fef038" d="M18.852 13.737h-.577l.278 1.392h.296v-1.392z"/><path fill="#6930eb" d="M12.79 10.599c.111.202.362.254.473.257l-.035.373l.126.104l.647-.477l.89-.048c.125-.035.292-.213.358-.296v-.463l-.601-.097l-.467-.268l-.233-.876l-.956.073l-.473.299l-.122.24l.393 1.175z"/><path fill="#926056" d="M16.021 11.945c-.244-.125-.74-.382-.758-.407l.083-.226l2.529-.602l.191.153l-.33 1.079l-.355.115h-.824l-.07.097l-.39-.07z"/><path fill="#f1ebdb" d="M16.153 11.928c-.146-.306-.616-.393-.831-.397l.591-1.217c.47-.338.835-.052.96.132c.525-.445.995-.108 1.162.115l-.39 1.363H17.5a1.13 1.13 0 0 0-1.043.056c-.133-.104-.258-.08-.303-.056z"/><path fill="#dfd4bb" d="M16.31 11.795a1.02 1.02 0 0 0-.908-.438l-.07.174c.497.014.74.254.8.372c.254-.035.285.063.327.063a1.06 1.06 0 0 1 1.037-.028h.142l.042-.143a1.1 1.1 0 0 0-.57-.323c-.303-.07-.662.188-.8.323"/><path fill="#d492ff" d="m12.776 8.797l1.183-.198v.278l-1.013.164l-.243.32l.295.904l.22.195h1.516c.184-.108.233-.264.233-.33l.282-.08v.264l-.323.34l-.94.043l-.602.47h-.166l.07-.436a.63.63 0 0 1-.512-.243l-.369-1.127l.369-.567z"/><path fill="#f7efff" d="m12.992 9.159l.939-.133c0 .585.689.974 1.03 1.103c.024.122-.14.285-.213.337h-1.53l-.226-.19l-.25-.8l.25-.314z"/><path fill="#d3671d" d="m14.323 10.188l-.393-.431l.115-.153c.02-.032.313.167.452.267h1.43l1.026-.198l.278-.668l.035.633l-.313.407h-.376v.487c-.024.233-.209.15-.295.08l-.505-.473l-1.454.046z"/><path fill="#ffd058" d="m14.33 7.534l-.48.383l.119 1.74l.358.385l1.437-.104l.508.473c.184.205.278.083.302 0V9.9l.351-.042l.33-.341l.036-1.273l-.317-.33l-2.643-.383z"/><path fill="#fff2db" d="m14.418 7.982l-.268.209l.08 1.356l.188.198l2.386-.121l.209-.209v-.904l-.14-.16z"/><path fill="#ffb73a" d="M15.166 8.72c0-.128.08-.386.42-.379c.345.007.404.254.39.38a.28.28 0 0 1-.115.163c-.097.07-.156.136-.16.174h-.289a.4.4 0 0 1 .147-.233c.121-.09.097-.191.027-.198c-.066-.01-.097.07-.09.094zm.365.735a.165.165 0 0 0 .117-.283a.167.167 0 0 0-.284.116c0 .093.073.167.167.167"/></g><defs><linearGradient id="SVG6XdAvc6H" x1="12.041" x2="12.041" y1="7.654" y2="16.306" gradientUnits="userSpaceOnUse"><stop offset=".22" stop-color="#6ab670"/><stop offset=".8" stop-color="#519a69"/></linearGradient><linearGradient id="SVGhIIKtBQU" x1="11.927" x2="11.927" y1="7.475" y2="16.522" gradientUnits="userSpaceOnUse"><stop stop-color="#913d01"/><stop offset=".81" stop-color="#a65406"/><stop offset="1" stop-color="#da820a"/></linearGradient><linearGradient id="SVG6y4MedDv" x1="12" x2="12" y1="7.474" y2="16.521" gradientUnits="userSpaceOnUse"><stop stop-color="#8c3300"/><stop offset=".76" stop-color="#9d4b08"/><stop offset="1" stop-color="#da7502"/></linearGradient><linearGradient id="SVGxFOYAdBn" x1="12" x2="12" y1="7.475" y2="16.523" gradientUnits="userSpaceOnUse"><stop stop-color="#994808"/><stop offset=".92" stop-color="#9c4a08"/><stop offset="1" stop-color="#d67302"/></linearGradient><linearGradient id="SVGj7PfedvD" x1="12" x2="12" y1="7.466" y2="16.523" gradientUnits="userSpaceOnUse"><stop stop-color="#974403"/><stop offset=".89" stop-color="#9d4d08"/><stop offset="1" stop-color="#cd790a"/></linearGradient><linearGradient id="SVGdoRGhbzY" x1="11.996" x2="11.996" y1="7.476" y2="16.61" gradientUnits="userSpaceOnUse"><stop stop-color="#fecf2c"/><stop offset=".47" stop-color="#fff680"/><stop offset="1" stop-color="#ffa111"/></linearGradient><linearGradient id="SVGw7roWdvH" x1="12" x2="12" y1="7.479" y2="16.41" gradientUnits="userSpaceOnUse"><stop stop-color="#ffce2b"/><stop offset=".63" stop-color="#fef164"/><stop offset="1" stop-color="#feb31c"/></linearGradient><linearGradient id="SVGDiheubej" x1="-.3" x2="-.3" y1="7.476" y2="16.523" gradientUnits="userSpaceOnUse"><stop stop-color="#908164"/><stop offset=".69" stop-color="#8c7c60"/><stop offset="1" stop-color="#655038"/></linearGradient><linearGradient id="SVGh9nMfdRY" x1="17.981" x2="6.163" y1="11.999" y2="17.157" gradientUnits="userSpaceOnUse"><stop stop-color="#98896c"/><stop offset=".33" stop-color="#9f9073"/><stop offset="1" stop-color="#775c3c"/></linearGradient><linearGradient id="SVGdTIQacpf" x1="18.806" x2="12.067" y1="10.756" y2="20.799" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#908164"/><stop offset="1" stop-color="#746248"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>How to use the Meld Background icon
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:meld-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:meld-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:meld-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--meld-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:meld-background"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:meld-background"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/token-branded/meld-background.svg" alt="Meld Background icon" width="24" height="24">Related icons in Web3 Icons Branded
Meld Background icon FAQ
Is the Meld Background icon free for commercial use?
Yes. Web3 Icons Branded icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Meld Background icon in React?
Install @iconify/react and render <Icon icon="token-branded:meld-background" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Meld Background icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token-branded/meld-background.svg" alt="Meld Background icon">, or paste the SVG code inline to style it with CSS.