fund logo
fund-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- fund-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 fund 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(#SVGHcSWxdhd146)"><path fill="url(#SVGKgkSPcib)" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.301 5.485h10.192l2.303 4.606l-5.222 7.458h-3.147l-5.221-7.458l1.82-3.64h8.743l1.82 3.638l-4.496 6.495h-2.184L6.412 10.09L7.75 7.416h7.297l1.336 2.673l-3.772 5.53h-1.22l-3.771-5.53l.854-1.708h5.848l.853 1.706l-3.173 4.76l-3.174-4.76l.37-.741h4.4l.372.745l-1.98 2.829l-1.63-2.609h1.883v.483H11.23l.783 1.251l1.397-1.996l-.11-.22H9.495l-.111.223L12 13.98l2.616-3.926l-.594-1.19h-5.25l-.594 1.188l3.467 5.086h.71l3.467-5.086l-1.075-2.153h-6.7L6.973 10.05l4.19 6.052h1.677l4.19-6.052l-1.559-3.117H7.324L5.766 10.05l4.912 7.018h2.645l4.912-7.018l-2.04-4.081H6.6L4.559 10.05l5.398 7.981h4.087l5.399-7.98l-2.11-4.217l.433-.216L20 10.088l-5.7 8.427H9.702L4 10.088z"/></g><defs><linearGradient id="SVGKgkSPcib" x1="20" x2="5.476" y1="9.557" y2="18.475" gradientUnits="userSpaceOnUse"><stop stop-color="#3f59a1"/><stop offset="1" stop-color="#3b8dce"/></linearGradient><clipPath id="SVGHcSWxdhd146"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedFundBackground(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(#SVGHcSWxdhd146)"><path fill="url(#SVGKgkSPcib)" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.301 5.485h10.192l2.303 4.606l-5.222 7.458h-3.147l-5.221-7.458l1.82-3.64h8.743l1.82 3.638l-4.496 6.495h-2.184L6.412 10.09L7.75 7.416h7.297l1.336 2.673l-3.772 5.53h-1.22l-3.771-5.53l.854-1.708h5.848l.853 1.706l-3.173 4.76l-3.174-4.76l.37-.741h4.4l.372.745l-1.98 2.829l-1.63-2.609h1.883v.483H11.23l.783 1.251l1.397-1.996l-.11-.22H9.495l-.111.223L12 13.98l2.616-3.926l-.594-1.19h-5.25l-.594 1.188l3.467 5.086h.71l3.467-5.086l-1.075-2.153h-6.7L6.973 10.05l4.19 6.052h1.677l4.19-6.052l-1.559-3.117H7.324L5.766 10.05l4.912 7.018h2.645l4.912-7.018l-2.04-4.081H6.6L4.559 10.05l5.398 7.981h4.087l5.399-7.98l-2.11-4.217l.433-.216L20 10.088l-5.7 8.427H9.702L4 10.088z"/></g><defs><linearGradient id="SVGKgkSPcib" x1="20" x2="5.476" y1="9.557" y2="18.475" gradientUnits="userSpaceOnUse"><stop stopColor="#3f59a1"/><stop offset="1" stopColor="#3b8dce"/></linearGradient><clipPath id="SVGHcSWxdhd146"><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(#SVGHcSWxdhd146)"><path fill="url(#SVGKgkSPcib)" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.301 5.485h10.192l2.303 4.606l-5.222 7.458h-3.147l-5.221-7.458l1.82-3.64h8.743l1.82 3.638l-4.496 6.495h-2.184L6.412 10.09L7.75 7.416h7.297l1.336 2.673l-3.772 5.53h-1.22l-3.771-5.53l.854-1.708h5.848l.853 1.706l-3.173 4.76l-3.174-4.76l.37-.741h4.4l.372.745l-1.98 2.829l-1.63-2.609h1.883v.483H11.23l.783 1.251l1.397-1.996l-.11-.22H9.495l-.111.223L12 13.98l2.616-3.926l-.594-1.19h-5.25l-.594 1.188l3.467 5.086h.71l3.467-5.086l-1.075-2.153h-6.7L6.973 10.05l4.19 6.052h1.677l4.19-6.052l-1.559-3.117H7.324L5.766 10.05l4.912 7.018h2.645l4.912-7.018l-2.04-4.081H6.6L4.559 10.05l5.398 7.981h4.087l5.399-7.98l-2.11-4.217l.433-.216L20 10.088l-5.7 8.427H9.702L4 10.088z"/></g><defs><linearGradient id="SVGKgkSPcib" x1="20" x2="5.476" y1="9.557" y2="18.475" gradientUnits="userSpaceOnUse"><stop stop-color="#3f59a1"/><stop offset="1" stop-color="#3b8dce"/></linearGradient><clipPath id="SVGHcSWxdhd146"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-fund-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(%23SVGHcSWxdhd146)%22%3E%3Cpath%20fill%3D%22url(%23SVGKgkSPcib)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.301%205.485h10.192l2.303%204.606l-5.222%207.458h-3.147l-5.221-7.458l1.82-3.64h8.743l1.82%203.638l-4.496%206.495h-2.184L6.412%2010.09L7.75%207.416h7.297l1.336%202.673l-3.772%205.53h-1.22l-3.771-5.53l.854-1.708h5.848l.853%201.706l-3.173%204.76l-3.174-4.76l.37-.741h4.4l.372.745l-1.98%202.829l-1.63-2.609h1.883v.483H11.23l.783%201.251l1.397-1.996l-.11-.22H9.495l-.111.223L12%2013.98l2.616-3.926l-.594-1.19h-5.25l-.594%201.188l3.467%205.086h.71l3.467-5.086l-1.075-2.153h-6.7L6.973%2010.05l4.19%206.052h1.677l4.19-6.052l-1.559-3.117H7.324L5.766%2010.05l4.912%207.018h2.645l4.912-7.018l-2.04-4.081H6.6L4.559%2010.05l5.398%207.981h4.087l5.399-7.98l-2.11-4.217l.433-.216L20%2010.088l-5.7%208.427H9.702L4%2010.088z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGKgkSPcib%22%20x1%3D%2220%22%20x2%3D%225.476%22%20y1%3D%229.557%22%20y2%3D%2218.475%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233f59a1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233b8dce%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd146%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(%23SVGHcSWxdhd146)%22%3E%3Cpath%20fill%3D%22url(%23SVGKgkSPcib)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.301%205.485h10.192l2.303%204.606l-5.222%207.458h-3.147l-5.221-7.458l1.82-3.64h8.743l1.82%203.638l-4.496%206.495h-2.184L6.412%2010.09L7.75%207.416h7.297l1.336%202.673l-3.772%205.53h-1.22l-3.771-5.53l.854-1.708h5.848l.853%201.706l-3.173%204.76l-3.174-4.76l.37-.741h4.4l.372.745l-1.98%202.829l-1.63-2.609h1.883v.483H11.23l.783%201.251l1.397-1.996l-.11-.22H9.495l-.111.223L12%2013.98l2.616-3.926l-.594-1.19h-5.25l-.594%201.188l3.467%205.086h.71l3.467-5.086l-1.075-2.153h-6.7L6.973%2010.05l4.19%206.052h1.677l4.19-6.052l-1.559-3.117H7.324L5.766%2010.05l4.912%207.018h2.645l4.912-7.018l-2.04-4.081H6.6L4.559%2010.05l5.398%207.981h4.087l5.399-7.98l-2.11-4.217l.433-.216L20%2010.088l-5.7%208.427H9.702L4%2010.088z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGKgkSPcib%22%20x1%3D%2220%22%20x2%3D%225.476%22%20y1%3D%229.557%22%20y2%3D%2218.475%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233f59a1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233b8dce%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd146%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/fund-background.svg?color=%231a73e8&size=48
