fra logo
fra-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- fra-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 fra 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(#SVGHcSWxdhd150)"><path fill="#73f" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.647 6.972a.16.16 0 0 0 .213.112l7.821-2.016c.187-.042.165-.303-.032-.32l-8.583-.746c-.123-.005-.214.096-.182.203l.763 2.772zm.784 4.926l-1.141-4.1l-.15-.533l-.613-2.18c-.042-.16-.277-.16-.325 0l-2.196 7.858c-.032.123.08.234.213.202l4.089-1.05c.085-.016.139-.106.117-.197zm8.87-6.675a.58.58 0 0 1 .635.25l2.042 3.413c.054.085.005.208-.106.24L9.198 11.86a.16.16 0 0 1-.213-.112L7.892 7.814c-.032-.09.021-.181.117-.203zm-8.636 7.523a.16.16 0 0 0-.213-.107l-4.09 1.05c-.122.027-.17.187-.08.267l6.015 5.827c.127.117.33.005.293-.16l-1.92-6.872zm.672-.347L19.52 9.776c.165-.037.282.139.181.267l-8.157 9.895c-.085.106-.256.064-.299-.064L9.22 12.602c-.032-.086.026-.176.117-.203"/></g><defs><clipPath id="SVGHcSWxdhd150"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedFraBackground(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(#SVGHcSWxdhd150)"><path fill="#73f" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.647 6.972a.16.16 0 0 0 .213.112l7.821-2.016c.187-.042.165-.303-.032-.32l-8.583-.746c-.123-.005-.214.096-.182.203l.763 2.772zm.784 4.926l-1.141-4.1l-.15-.533l-.613-2.18c-.042-.16-.277-.16-.325 0l-2.196 7.858c-.032.123.08.234.213.202l4.089-1.05c.085-.016.139-.106.117-.197zm8.87-6.675a.58.58 0 0 1 .635.25l2.042 3.413c.054.085.005.208-.106.24L9.198 11.86a.16.16 0 0 1-.213-.112L7.892 7.814c-.032-.09.021-.181.117-.203zm-8.636 7.523a.16.16 0 0 0-.213-.107l-4.09 1.05c-.122.027-.17.187-.08.267l6.015 5.827c.127.117.33.005.293-.16l-1.92-6.872zm.672-.347L19.52 9.776c.165-.037.282.139.181.267l-8.157 9.895c-.085.106-.256.064-.299-.064L9.22 12.602c-.032-.086.026-.176.117-.203"/></g><defs><clipPath id="SVGHcSWxdhd150"><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(#SVGHcSWxdhd150)"><path fill="#73f" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.647 6.972a.16.16 0 0 0 .213.112l7.821-2.016c.187-.042.165-.303-.032-.32l-8.583-.746c-.123-.005-.214.096-.182.203l.763 2.772zm.784 4.926l-1.141-4.1l-.15-.533l-.613-2.18c-.042-.16-.277-.16-.325 0l-2.196 7.858c-.032.123.08.234.213.202l4.089-1.05c.085-.016.139-.106.117-.197zm8.87-6.675a.58.58 0 0 1 .635.25l2.042 3.413c.054.085.005.208-.106.24L9.198 11.86a.16.16 0 0 1-.213-.112L7.892 7.814c-.032-.09.021-.181.117-.203zm-8.636 7.523a.16.16 0 0 0-.213-.107l-4.09 1.05c-.122.027-.17.187-.08.267l6.015 5.827c.127.117.33.005.293-.16l-1.92-6.872zm.672-.347L19.52 9.776c.165-.037.282.139.181.267l-8.157 9.895c-.085.106-.256.064-.299-.064L9.22 12.602c-.032-.086.026-.176.117-.203"/></g><defs><clipPath id="SVGHcSWxdhd150"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-fra-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(%23SVGHcSWxdhd150)%22%3E%3Cpath%20fill%3D%22%2373f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.647%206.972a.16.16%200%200%200%20.213.112l7.821-2.016c.187-.042.165-.303-.032-.32l-8.583-.746c-.123-.005-.214.096-.182.203l.763%202.772zm.784%204.926l-1.141-4.1l-.15-.533l-.613-2.18c-.042-.16-.277-.16-.325%200l-2.196%207.858c-.032.123.08.234.213.202l4.089-1.05c.085-.016.139-.106.117-.197zm8.87-6.675a.58.58%200%200%201%20.635.25l2.042%203.413c.054.085.005.208-.106.24L9.198%2011.86a.16.16%200%200%201-.213-.112L7.892%207.814c-.032-.09.021-.181.117-.203zm-8.636%207.523a.16.16%200%200%200-.213-.107l-4.09%201.05c-.122.027-.17.187-.08.267l6.015%205.827c.127.117.33.005.293-.16l-1.92-6.872zm.672-.347L19.52%209.776c.165-.037.282.139.181.267l-8.157%209.895c-.085.106-.256.064-.299-.064L9.22%2012.602c-.032-.086.026-.176.117-.203%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd150%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(%23SVGHcSWxdhd150)%22%3E%3Cpath%20fill%3D%22%2373f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.647%206.972a.16.16%200%200%200%20.213.112l7.821-2.016c.187-.042.165-.303-.032-.32l-8.583-.746c-.123-.005-.214.096-.182.203l.763%202.772zm.784%204.926l-1.141-4.1l-.15-.533l-.613-2.18c-.042-.16-.277-.16-.325%200l-2.196%207.858c-.032.123.08.234.213.202l4.089-1.05c.085-.016.139-.106.117-.197zm8.87-6.675a.58.58%200%200%201%20.635.25l2.042%203.413c.054.085.005.208-.106.24L9.198%2011.86a.16.16%200%200%201-.213-.112L7.892%207.814c-.032-.09.021-.181.117-.203zm-8.636%207.523a.16.16%200%200%200-.213-.107l-4.09%201.05c-.122.027-.17.187-.08.267l6.015%205.827c.127.117.33.005.293-.16l-1.92-6.872zm.672-.347L19.52%209.776c.165-.037.282.139.181.267l-8.157%209.895c-.085.106-.256.064-.299-.064L9.22%2012.602c-.032-.086.026-.176.117-.203%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd150%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/fra-background.svg?color=%231a73e8&size=48
