ufi logo
ufi-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- ufi-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 ufi 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(#SVGHcSWxdhd14)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGiRa5Gcpj)" d="m9.274 4.476l7.919 8.648l-9.429-7.923l-.385.26l9.529 7.998L6.11 6.576c-.105.11-.2.22-.3.34l10.858 6.918L4.875 8.335c-.07.13-.13.26-.195.4l11.798 5.5L4.155 10.35l-.08.44l12.273 3.87L4 12.49l.04.454l12.228 2.16l-11.858-.52c.05.15.11.305.17.45l11.668.515l-10.883.95l.3.42l10.623-.93l-9.498 2.11c.15.12.3.24.45.35l9.148-2.025l-7.799 2.84c.2.09.4.174.61.25l7.339-2.67l-5.884 3.064q.389.06.785.09l5.299-2.76l-3.9 2.735c.35-.035.69-.1 1.025-.175l3.135-2.2l-2 1.835c.595-.24 1.15-.55 1.66-.915l.64-.59l-.225.27a7.99 7.99 0 0 0 2.6-8.448l-.1 2.325l-.296-3.39c-.15-.34-.33-.665-.53-.975l.385 4.4l-1.22-5.49c-.184-.2-.38-.4-.58-.58l1.366 6.17l-2.57-7.06a7 7 0 0 0-.59-.324l2.74 7.534l-4.205-8.09c-.19-.049-.38-.089-.57-.129l4.38 8.424L11.889 4q-.262.001-.525.025l6.159 8.799l-7.789-8.5q-.234.069-.46.15"/></g><defs><linearGradient id="SVGiRa5Gcpj" x1="18.812" x2="5.355" y1="16.609" y2="7.22" gradientUnits="userSpaceOnUse"><stop stop-color="#7000ff"/><stop offset=".49" stop-color="#00ffd1"/><stop offset="1" stop-color="#ffbf1c"/></linearGradient><clipPath id="SVGHcSWxdhd14"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedUfiBackground(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(#SVGHcSWxdhd14)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGiRa5Gcpj)" d="m9.274 4.476l7.919 8.648l-9.429-7.923l-.385.26l9.529 7.998L6.11 6.576c-.105.11-.2.22-.3.34l10.858 6.918L4.875 8.335c-.07.13-.13.26-.195.4l11.798 5.5L4.155 10.35l-.08.44l12.273 3.87L4 12.49l.04.454l12.228 2.16l-11.858-.52c.05.15.11.305.17.45l11.668.515l-10.883.95l.3.42l10.623-.93l-9.498 2.11c.15.12.3.24.45.35l9.148-2.025l-7.799 2.84c.2.09.4.174.61.25l7.339-2.67l-5.884 3.064q.389.06.785.09l5.299-2.76l-3.9 2.735c.35-.035.69-.1 1.025-.175l3.135-2.2l-2 1.835c.595-.24 1.15-.55 1.66-.915l.64-.59l-.225.27a7.99 7.99 0 0 0 2.6-8.448l-.1 2.325l-.296-3.39c-.15-.34-.33-.665-.53-.975l.385 4.4l-1.22-5.49c-.184-.2-.38-.4-.58-.58l1.366 6.17l-2.57-7.06a7 7 0 0 0-.59-.324l2.74 7.534l-4.205-8.09c-.19-.049-.38-.089-.57-.129l4.38 8.424L11.889 4q-.262.001-.525.025l6.159 8.799l-7.789-8.5q-.234.069-.46.15"/></g><defs><linearGradient id="SVGiRa5Gcpj" x1="18.812" x2="5.355" y1="16.609" y2="7.22" gradientUnits="userSpaceOnUse"><stop stopColor="#7000ff"/><stop offset=".49" stopColor="#00ffd1"/><stop offset="1" stopColor="#ffbf1c"/></linearGradient><clipPath id="SVGHcSWxdhd14"><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(#SVGHcSWxdhd14)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGiRa5Gcpj)" d="m9.274 4.476l7.919 8.648l-9.429-7.923l-.385.26l9.529 7.998L6.11 6.576c-.105.11-.2.22-.3.34l10.858 6.918L4.875 8.335c-.07.13-.13.26-.195.4l11.798 5.5L4.155 10.35l-.08.44l12.273 3.87L4 12.49l.04.454l12.228 2.16l-11.858-.52c.05.15.11.305.17.45l11.668.515l-10.883.95l.3.42l10.623-.93l-9.498 2.11c.15.12.3.24.45.35l9.148-2.025l-7.799 2.84c.2.09.4.174.61.25l7.339-2.67l-5.884 3.064q.389.06.785.09l5.299-2.76l-3.9 2.735c.35-.035.69-.1 1.025-.175l3.135-2.2l-2 1.835c.595-.24 1.15-.55 1.66-.915l.64-.59l-.225.27a7.99 7.99 0 0 0 2.6-8.448l-.1 2.325l-.296-3.39c-.15-.34-.33-.665-.53-.975l.385 4.4l-1.22-5.49c-.184-.2-.38-.4-.58-.58l1.366 6.17l-2.57-7.06a7 7 0 0 0-.59-.324l2.74 7.534l-4.205-8.09c-.19-.049-.38-.089-.57-.129l4.38 8.424L11.889 4q-.262.001-.525.025l6.159 8.799l-7.789-8.5q-.234.069-.46.15"/></g><defs><linearGradient id="SVGiRa5Gcpj" x1="18.812" x2="5.355" y1="16.609" y2="7.22" gradientUnits="userSpaceOnUse"><stop stop-color="#7000ff"/><stop offset=".49" stop-color="#00ffd1"/><stop offset="1" stop-color="#ffbf1c"/></linearGradient><clipPath id="SVGHcSWxdhd14"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-ufi-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(%23SVGHcSWxdhd14)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGiRa5Gcpj)%22%20d%3D%22m9.274%204.476l7.919%208.648l-9.429-7.923l-.385.26l9.529%207.998L6.11%206.576c-.105.11-.2.22-.3.34l10.858%206.918L4.875%208.335c-.07.13-.13.26-.195.4l11.798%205.5L4.155%2010.35l-.08.44l12.273%203.87L4%2012.49l.04.454l12.228%202.16l-11.858-.52c.05.15.11.305.17.45l11.668.515l-10.883.95l.3.42l10.623-.93l-9.498%202.11c.15.12.3.24.45.35l9.148-2.025l-7.799%202.84c.2.09.4.174.61.25l7.339-2.67l-5.884%203.064q.389.06.785.09l5.299-2.76l-3.9%202.735c.35-.035.69-.1%201.025-.175l3.135-2.2l-2%201.835c.595-.24%201.15-.55%201.66-.915l.64-.59l-.225.27a7.99%207.99%200%200%200%202.6-8.448l-.1%202.325l-.296-3.39c-.15-.34-.33-.665-.53-.975l.385%204.4l-1.22-5.49c-.184-.2-.38-.4-.58-.58l1.366%206.17l-2.57-7.06a7%207%200%200%200-.59-.324l2.74%207.534l-4.205-8.09c-.19-.049-.38-.089-.57-.129l4.38%208.424L11.889%204q-.262.001-.525.025l6.159%208.799l-7.789-8.5q-.234.069-.46.15%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGiRa5Gcpj%22%20x1%3D%2218.812%22%20x2%3D%225.355%22%20y1%3D%2216.609%22%20y2%3D%227.22%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237000ff%22%2F%3E%3Cstop%20offset%3D%22.49%22%20stop-color%3D%22%2300ffd1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffbf1c%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd14%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(%23SVGHcSWxdhd14)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGiRa5Gcpj)%22%20d%3D%22m9.274%204.476l7.919%208.648l-9.429-7.923l-.385.26l9.529%207.998L6.11%206.576c-.105.11-.2.22-.3.34l10.858%206.918L4.875%208.335c-.07.13-.13.26-.195.4l11.798%205.5L4.155%2010.35l-.08.44l12.273%203.87L4%2012.49l.04.454l12.228%202.16l-11.858-.52c.05.15.11.305.17.45l11.668.515l-10.883.95l.3.42l10.623-.93l-9.498%202.11c.15.12.3.24.45.35l9.148-2.025l-7.799%202.84c.2.09.4.174.61.25l7.339-2.67l-5.884%203.064q.389.06.785.09l5.299-2.76l-3.9%202.735c.35-.035.69-.1%201.025-.175l3.135-2.2l-2%201.835c.595-.24%201.15-.55%201.66-.915l.64-.59l-.225.27a7.99%207.99%200%200%200%202.6-8.448l-.1%202.325l-.296-3.39c-.15-.34-.33-.665-.53-.975l.385%204.4l-1.22-5.49c-.184-.2-.38-.4-.58-.58l1.366%206.17l-2.57-7.06a7%207%200%200%200-.59-.324l2.74%207.534l-4.205-8.09c-.19-.049-.38-.089-.57-.129l4.38%208.424L11.889%204q-.262.001-.525.025l6.159%208.799l-7.789-8.5q-.234.069-.46.15%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGiRa5Gcpj%22%20x1%3D%2218.812%22%20x2%3D%225.355%22%20y1%3D%2216.609%22%20y2%3D%227.22%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237000ff%22%2F%3E%3Cstop%20offset%3D%22.49%22%20stop-color%3D%22%2300ffd1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffbf1c%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd14%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/ufi-background.svg?color=%231a73e8&size=48
