fraxtal logo
fraxtal-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- fraxtal-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 fraxtal 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(#SVGHcSWxdhd11)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.053 14.969q.078.16.167.314c.086.15.128.245.116.265c-.01.02-.538.583-1.174 1.257A93 93 0 0 0 4 18.045q.96.965 1.948 1.899l.068.056l1.007-1.066l1.154-1.222l.146-.151l.14.089q.288.186.596.34c.127-.665.355-1.313.632-1.943L9.594 16c-.84-.434-1.355-1.344-1.661-2.306a5 5 0 0 0-.667.322c-.446.301-.785.656-1.213.953m3.635-7.813c-.122-.184-.255-.36-.386-.539a1.33 1.33 0 0 1-.733-.476l-.157.096l-.178-.176q-.479-.467-.964-.93c-.43-.415-.872-.839-.976-.944L6.104 4L5.15 5.013a76 76 0 0 0-.96 1.03c-.004.01.468.48 1.047 1.038l1.12 1.083l.068.063l-.12.2a5 5 0 0 0-.125.221c.61.402 1.234.777 1.872 1.152c.412-.775 1.193-1.444 2.08-1.877q-.148-.222-.304-.439c-.078-.109-.078-.218-.14-.328m8.065 1.31l-.083-.146l1.12-1.187c.616-.65 1.116-1.192 1.112-1.203c-.015-.04-1.979-1.92-2.004-1.92c-.015 0-.512.51-1.098 1.134a86 86 0 0 1-1.09 1.14c-.01.005-.062-.023-.118-.062c-.11-.075-.669.172-1.031.26c-.203.454-.38.918-.56 1.377q.294.153.563.346c.29.207.983.753 1.188 1.047q.074.107.142.223c.651-.275 1.317-.525 1.969-.81a5 5 0 0 0-.108-.198zm.127 7.41l-.266-.256l.12-.203q.071-.117.136-.239c-.556-.487-1.078-.972-1.675-1.434c-.215.648-.547 1.225-.992 1.647a3.2 3.2 0 0 1-.842.557l.03.146c.125.593.468 1.047.718 1.578q.048.098.079.203q.12-.067.239-.137l.203-.125l.214.215q1.107 1.08 2.226 2.145c.02.007 1.933-2.018 1.93-2.042a162 162 0 0 0-2.12-2.053z"/><path fill="#fff" d="M12.008 18.847a6.841 6.841 0 0 1-2.663-13.14a6.84 6.84 0 1 1 2.663 13.14m0-11a4.166 4.166 0 0 0-4.161 4.16a4.166 4.166 0 0 0 4.16 4.162a4.166 4.166 0 0 0 4.162-4.161a4.166 4.166 0 0 0-4.161-4.161"/></g><defs><clipPath id="SVGHcSWxdhd11"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedFraxtalBackground(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(#SVGHcSWxdhd11)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.053 14.969q.078.16.167.314c.086.15.128.245.116.265c-.01.02-.538.583-1.174 1.257A93 93 0 0 0 4 18.045q.96.965 1.948 1.899l.068.056l1.007-1.066l1.154-1.222l.146-.151l.14.089q.288.186.596.34c.127-.665.355-1.313.632-1.943L9.594 16c-.84-.434-1.355-1.344-1.661-2.306a5 5 0 0 0-.667.322c-.446.301-.785.656-1.213.953m3.635-7.813c-.122-.184-.255-.36-.386-.539a1.33 1.33 0 0 1-.733-.476l-.157.096l-.178-.176q-.479-.467-.964-.93c-.43-.415-.872-.839-.976-.944L6.104 4L5.15 5.013a76 76 0 0 0-.96 1.03c-.004.01.468.48 1.047 1.038l1.12 1.083l.068.063l-.12.2a5 5 0 0 0-.125.221c.61.402 1.234.777 1.872 1.152c.412-.775 1.193-1.444 2.08-1.877q-.148-.222-.304-.439c-.078-.109-.078-.218-.14-.328m8.065 1.31l-.083-.146l1.12-1.187c.616-.65 1.116-1.192 1.112-1.203c-.015-.04-1.979-1.92-2.004-1.92c-.015 0-.512.51-1.098 1.134a86 86 0 0 1-1.09 1.14c-.01.005-.062-.023-.118-.062c-.11-.075-.669.172-1.031.26c-.203.454-.38.918-.56 1.377q.294.153.563.346c.29.207.983.753 1.188 1.047q.074.107.142.223c.651-.275 1.317-.525 1.969-.81a5 5 0 0 0-.108-.198zm.127 7.41l-.266-.256l.12-.203q.071-.117.136-.239c-.556-.487-1.078-.972-1.675-1.434c-.215.648-.547 1.225-.992 1.647a3.2 3.2 0 0 1-.842.557l.03.146c.125.593.468 1.047.718 1.578q.048.098.079.203q.12-.067.239-.137l.203-.125l.214.215q1.107 1.08 2.226 2.145c.02.007 1.933-2.018 1.93-2.042a162 162 0 0 0-2.12-2.053z"/><path fill="#fff" d="M12.008 18.847a6.841 6.841 0 0 1-2.663-13.14a6.84 6.84 0 1 1 2.663 13.14m0-11a4.166 4.166 0 0 0-4.161 4.16a4.166 4.166 0 0 0 4.16 4.162a4.166 4.166 0 0 0 4.162-4.161a4.166 4.166 0 0 0-4.161-4.161"/></g><defs><clipPath id="SVGHcSWxdhd11"><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(#SVGHcSWxdhd11)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.053 14.969q.078.16.167.314c.086.15.128.245.116.265c-.01.02-.538.583-1.174 1.257A93 93 0 0 0 4 18.045q.96.965 1.948 1.899l.068.056l1.007-1.066l1.154-1.222l.146-.151l.14.089q.288.186.596.34c.127-.665.355-1.313.632-1.943L9.594 16c-.84-.434-1.355-1.344-1.661-2.306a5 5 0 0 0-.667.322c-.446.301-.785.656-1.213.953m3.635-7.813c-.122-.184-.255-.36-.386-.539a1.33 1.33 0 0 1-.733-.476l-.157.096l-.178-.176q-.479-.467-.964-.93c-.43-.415-.872-.839-.976-.944L6.104 4L5.15 5.013a76 76 0 0 0-.96 1.03c-.004.01.468.48 1.047 1.038l1.12 1.083l.068.063l-.12.2a5 5 0 0 0-.125.221c.61.402 1.234.777 1.872 1.152c.412-.775 1.193-1.444 2.08-1.877q-.148-.222-.304-.439c-.078-.109-.078-.218-.14-.328m8.065 1.31l-.083-.146l1.12-1.187c.616-.65 1.116-1.192 1.112-1.203c-.015-.04-1.979-1.92-2.004-1.92c-.015 0-.512.51-1.098 1.134a86 86 0 0 1-1.09 1.14c-.01.005-.062-.023-.118-.062c-.11-.075-.669.172-1.031.26c-.203.454-.38.918-.56 1.377q.294.153.563.346c.29.207.983.753 1.188 1.047q.074.107.142.223c.651-.275 1.317-.525 1.969-.81a5 5 0 0 0-.108-.198zm.127 7.41l-.266-.256l.12-.203q.071-.117.136-.239c-.556-.487-1.078-.972-1.675-1.434c-.215.648-.547 1.225-.992 1.647a3.2 3.2 0 0 1-.842.557l.03.146c.125.593.468 1.047.718 1.578q.048.098.079.203q.12-.067.239-.137l.203-.125l.214.215q1.107 1.08 2.226 2.145c.02.007 1.933-2.018 1.93-2.042a162 162 0 0 0-2.12-2.053z"/><path fill="#fff" d="M12.008 18.847a6.841 6.841 0 0 1-2.663-13.14a6.84 6.84 0 1 1 2.663 13.14m0-11a4.166 4.166 0 0 0-4.161 4.16a4.166 4.166 0 0 0 4.16 4.162a4.166 4.166 0 0 0 4.162-4.161a4.166 4.166 0 0 0-4.161-4.161"/></g><defs><clipPath id="SVGHcSWxdhd11"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-fraxtal-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(%23SVGHcSWxdhd11)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.053%2014.969q.078.16.167.314c.086.15.128.245.116.265c-.01.02-.538.583-1.174%201.257A93%2093%200%200%200%204%2018.045q.96.965%201.948%201.899l.068.056l1.007-1.066l1.154-1.222l.146-.151l.14.089q.288.186.596.34c.127-.665.355-1.313.632-1.943L9.594%2016c-.84-.434-1.355-1.344-1.661-2.306a5%205%200%200%200-.667.322c-.446.301-.785.656-1.213.953m3.635-7.813c-.122-.184-.255-.36-.386-.539a1.33%201.33%200%200%201-.733-.476l-.157.096l-.178-.176q-.479-.467-.964-.93c-.43-.415-.872-.839-.976-.944L6.104%204L5.15%205.013a76%2076%200%200%200-.96%201.03c-.004.01.468.48%201.047%201.038l1.12%201.083l.068.063l-.12.2a5%205%200%200%200-.125.221c.61.402%201.234.777%201.872%201.152c.412-.775%201.193-1.444%202.08-1.877q-.148-.222-.304-.439c-.078-.109-.078-.218-.14-.328m8.065%201.31l-.083-.146l1.12-1.187c.616-.65%201.116-1.192%201.112-1.203c-.015-.04-1.979-1.92-2.004-1.92c-.015%200-.512.51-1.098%201.134a86%2086%200%200%201-1.09%201.14c-.01.005-.062-.023-.118-.062c-.11-.075-.669.172-1.031.26c-.203.454-.38.918-.56%201.377q.294.153.563.346c.29.207.983.753%201.188%201.047q.074.107.142.223c.651-.275%201.317-.525%201.969-.81a5%205%200%200%200-.108-.198zm.127%207.41l-.266-.256l.12-.203q.071-.117.136-.239c-.556-.487-1.078-.972-1.675-1.434c-.215.648-.547%201.225-.992%201.647a3.2%203.2%200%200%201-.842.557l.03.146c.125.593.468%201.047.718%201.578q.048.098.079.203q.12-.067.239-.137l.203-.125l.214.215q1.107%201.08%202.226%202.145c.02.007%201.933-2.018%201.93-2.042a162%20162%200%200%200-2.12-2.053z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.008%2018.847a6.841%206.841%200%200%201-2.663-13.14a6.84%206.84%200%201%201%202.663%2013.14m0-11a4.166%204.166%200%200%200-4.161%204.16a4.166%204.166%200%200%200%204.16%204.162a4.166%204.166%200%200%200%204.162-4.161a4.166%204.166%200%200%200-4.161-4.161%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd11%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(%23SVGHcSWxdhd11)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.053%2014.969q.078.16.167.314c.086.15.128.245.116.265c-.01.02-.538.583-1.174%201.257A93%2093%200%200%200%204%2018.045q.96.965%201.948%201.899l.068.056l1.007-1.066l1.154-1.222l.146-.151l.14.089q.288.186.596.34c.127-.665.355-1.313.632-1.943L9.594%2016c-.84-.434-1.355-1.344-1.661-2.306a5%205%200%200%200-.667.322c-.446.301-.785.656-1.213.953m3.635-7.813c-.122-.184-.255-.36-.386-.539a1.33%201.33%200%200%201-.733-.476l-.157.096l-.178-.176q-.479-.467-.964-.93c-.43-.415-.872-.839-.976-.944L6.104%204L5.15%205.013a76%2076%200%200%200-.96%201.03c-.004.01.468.48%201.047%201.038l1.12%201.083l.068.063l-.12.2a5%205%200%200%200-.125.221c.61.402%201.234.777%201.872%201.152c.412-.775%201.193-1.444%202.08-1.877q-.148-.222-.304-.439c-.078-.109-.078-.218-.14-.328m8.065%201.31l-.083-.146l1.12-1.187c.616-.65%201.116-1.192%201.112-1.203c-.015-.04-1.979-1.92-2.004-1.92c-.015%200-.512.51-1.098%201.134a86%2086%200%200%201-1.09%201.14c-.01.005-.062-.023-.118-.062c-.11-.075-.669.172-1.031.26c-.203.454-.38.918-.56%201.377q.294.153.563.346c.29.207.983.753%201.188%201.047q.074.107.142.223c.651-.275%201.317-.525%201.969-.81a5%205%200%200%200-.108-.198zm.127%207.41l-.266-.256l.12-.203q.071-.117.136-.239c-.556-.487-1.078-.972-1.675-1.434c-.215.648-.547%201.225-.992%201.647a3.2%203.2%200%200%201-.842.557l.03.146c.125.593.468%201.047.718%201.578q.048.098.079.203q.12-.067.239-.137l.203-.125l.214.215q1.107%201.08%202.226%202.145c.02.007%201.933-2.018%201.93-2.042a162%20162%200%200%200-2.12-2.053z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.008%2018.847a6.841%206.841%200%200%201-2.663-13.14a6.84%206.84%200%201%201%202.663%2013.14m0-11a4.166%204.166%200%200%200-4.161%204.16a4.166%204.166%200%200%200%204.16%204.162a4.166%204.166%200%200%200%204.162-4.161a4.166%204.166%200%200%200-4.161-4.161%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd11%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/fraxtal-background.svg?color=%231a73e8&size=48
