ufi logo
ufi from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- ufi
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="m8.933 3.536l8.909 9.73L7.235 4.352l-.433.292l10.72 8.999l-12.15-7.745a7 7 0 0 0-.337.383l12.215 7.784L3.984 7.878c-.079.146-.146.292-.22.45l13.274 6.186l-13.864-4.37l-.09.495l13.807 4.353L3 12.552l.045.511l13.756 2.43l-13.34-.585c.056.169.124.343.191.506l13.127.58l-12.244 1.068l.338.472l11.95-1.046l-10.685 2.374c.169.135.338.27.506.393l10.292-2.277l-8.773 3.194c.225.101.45.197.686.281l8.256-3.003l-6.62 3.448q.437.067.884.1l5.961-3.104l-4.387 3.077c.394-.04.776-.113 1.153-.197l3.526-2.475l-2.25 2.064a9 9 0 0 0 1.868-1.029l.72-.663l-.253.303A8.99 8.99 0 0 0 20.63 9.47l-.112 2.615l-.332-3.813a8 8 0 0 0-.596-1.097l.433 4.95l-1.372-6.176c-.209-.225-.428-.45-.653-.652l1.536 6.94l-2.891-7.942a8 8 0 0 0-.664-.365l3.082 8.475l-4.73-9.1a13 13 0 0 0-.64-.146l4.926 9.477l-6.743-9.634a7 7 0 0 0-.59.028l6.928 9.898l-8.762-9.56a8 8 0 0 0-.518.168"/></svg>
React
import type { SVGProps } from "react";
export function TokenUfi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.933 3.536l8.909 9.73L7.235 4.352l-.433.292l10.72 8.999l-12.15-7.745a7 7 0 0 0-.337.383l12.215 7.784L3.984 7.878c-.079.146-.146.292-.22.45l13.274 6.186l-13.864-4.37l-.09.495l13.807 4.353L3 12.552l.045.511l13.756 2.43l-13.34-.585c.056.169.124.343.191.506l13.127.58l-12.244 1.068l.338.472l11.95-1.046l-10.685 2.374c.169.135.338.27.506.393l10.292-2.277l-8.773 3.194c.225.101.45.197.686.281l8.256-3.003l-6.62 3.448q.437.067.884.1l5.961-3.104l-4.387 3.077c.394-.04.776-.113 1.153-.197l3.526-2.475l-2.25 2.064a9 9 0 0 0 1.868-1.029l.72-.663l-.253.303A8.99 8.99 0 0 0 20.63 9.47l-.112 2.615l-.332-3.813a8 8 0 0 0-.596-1.097l.433 4.95l-1.372-6.176c-.209-.225-.428-.45-.653-.652l1.536 6.94l-2.891-7.942a8 8 0 0 0-.664-.365l3.082 8.475l-4.73-9.1a13 13 0 0 0-.64-.146l4.926 9.477l-6.743-9.634a7 7 0 0 0-.59.028l6.928 9.898l-8.762-9.56a8 8 0 0 0-.518.168"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.933 3.536l8.909 9.73L7.235 4.352l-.433.292l10.72 8.999l-12.15-7.745a7 7 0 0 0-.337.383l12.215 7.784L3.984 7.878c-.079.146-.146.292-.22.45l13.274 6.186l-13.864-4.37l-.09.495l13.807 4.353L3 12.552l.045.511l13.756 2.43l-13.34-.585c.056.169.124.343.191.506l13.127.58l-12.244 1.068l.338.472l11.95-1.046l-10.685 2.374c.169.135.338.27.506.393l10.292-2.277l-8.773 3.194c.225.101.45.197.686.281l8.256-3.003l-6.62 3.448q.437.067.884.1l5.961-3.104l-4.387 3.077c.394-.04.776-.113 1.153-.197l3.526-2.475l-2.25 2.064a9 9 0 0 0 1.868-1.029l.72-.663l-.253.303A8.99 8.99 0 0 0 20.63 9.47l-.112 2.615l-.332-3.813a8 8 0 0 0-.596-1.097l.433 4.95l-1.372-6.176c-.209-.225-.428-.45-.653-.652l1.536 6.94l-2.891-7.942a8 8 0 0 0-.664-.365l3.082 8.475l-4.73-9.1a13 13 0 0 0-.64-.146l4.926 9.477l-6.743-9.634a7 7 0 0 0-.59.028l6.928 9.898l-8.762-9.56a8 8 0 0 0-.518.168"/></svg> </template>
CSS
.icon-ufi {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.933%203.536l8.909%209.73L7.235%204.352l-.433.292l10.72%208.999l-12.15-7.745a7%207%200%200%200-.337.383l12.215%207.784L3.984%207.878c-.079.146-.146.292-.22.45l13.274%206.186l-13.864-4.37l-.09.495l13.807%204.353L3%2012.552l.045.511l13.756%202.43l-13.34-.585c.056.169.124.343.191.506l13.127.58l-12.244%201.068l.338.472l11.95-1.046l-10.685%202.374c.169.135.338.27.506.393l10.292-2.277l-8.773%203.194c.225.101.45.197.686.281l8.256-3.003l-6.62%203.448q.437.067.884.1l5.961-3.104l-4.387%203.077c.394-.04.776-.113%201.153-.197l3.526-2.475l-2.25%202.064a9%209%200%200%200%201.868-1.029l.72-.663l-.253.303A8.99%208.99%200%200%200%2020.63%209.47l-.112%202.615l-.332-3.813a8%208%200%200%200-.596-1.097l.433%204.95l-1.372-6.176c-.209-.225-.428-.45-.653-.652l1.536%206.94l-2.891-7.942a8%208%200%200%200-.664-.365l3.082%208.475l-4.73-9.1a13%2013%200%200%200-.64-.146l4.926%209.477l-6.743-9.634a7%207%200%200%200-.59.028l6.928%209.898l-8.762-9.56a8%208%200%200%200-.518.168%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.933%203.536l8.909%209.73L7.235%204.352l-.433.292l10.72%208.999l-12.15-7.745a7%207%200%200%200-.337.383l12.215%207.784L3.984%207.878c-.079.146-.146.292-.22.45l13.274%206.186l-13.864-4.37l-.09.495l13.807%204.353L3%2012.552l.045.511l13.756%202.43l-13.34-.585c.056.169.124.343.191.506l13.127.58l-12.244%201.068l.338.472l11.95-1.046l-10.685%202.374c.169.135.338.27.506.393l10.292-2.277l-8.773%203.194c.225.101.45.197.686.281l8.256-3.003l-6.62%203.448q.437.067.884.1l5.961-3.104l-4.387%203.077c.394-.04.776-.113%201.153-.197l3.526-2.475l-2.25%202.064a9%209%200%200%200%201.868-1.029l.72-.663l-.253.303A8.99%208.99%200%200%200%2020.63%209.47l-.112%202.615l-.332-3.813a8%208%200%200%200-.596-1.097l.433%204.95l-1.372-6.176c-.209-.225-.428-.45-.653-.652l1.536%206.94l-2.891-7.942a8%208%200%200%200-.664-.365l3.082%208.475l-4.73-9.1a13%2013%200%200%200-.64-.146l4.926%209.477l-6.743-9.634a7%207%200%200%200-.59.028l6.928%209.898l-8.762-9.56a8%208%200%200%200-.518.168%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/ufi.svg?color=%231a73e8&size=48
