elf logo
elf-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- elf-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 elf 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(#SVGHcSWxdhd33)"><path fill="#2b5eba" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.139 4.133c.967-.223 2.003.626 1.92 1.628c.042.904-.856 1.697-1.754 1.579a1.6 1.6 0 0 1-1.112-.598a1.63 1.63 0 0 1-.23-1.656c.194-.487.667-.849 1.183-.953zm-6.31 1.67A2.47 2.47 0 0 1 8.812 7.52c.215.556.473 1.127.877 1.58c.32.347.82.389 1.259.417c.292.02.57-.063.835-.167c.612-.188 1.3.369 1.231 1.002c0 .529-.501.973-1.022.932c-.348 0-.669-.23-.836-.529c-.313-.466-.716-.974-1.315-1.043a2.5 2.5 0 0 0-1.593.257c-.313.146-.591.369-.925.487a2.46 2.46 0 0 1-2.38-.348a2.44 2.44 0 0 1-.911-1.544a2.44 2.44 0 0 1 .334-1.684a2.53 2.53 0 0 1 1.461-1.079M16.11 8.724a3.304 3.304 0 0 1 3.848 2.657c.09.648.042 1.323-.237 1.92a3.305 3.305 0 0 1-4.87 1.406a3.304 3.304 0 0 1 1.26-5.997zm-4.341 3.812c.223-.035.459-.041.668.07a1.01 1.01 0 0 1 .556.974c-.048.543-.584.974-1.127.883c-.536-.118-1.134-.25-1.656-.007a2.77 2.77 0 0 0-1.308 1.858a2.449 2.449 0 1 1-4.7-1.327a2.46 2.46 0 0 1 1.131-1.31a2.45 2.45 0 0 1 2.22-.055c.605.306 1.245.563 1.92.626c.487.035.87-.313 1.224-.598c.32-.25.383-.703.71-.946a.86.86 0 0 1 .362-.168m.536 4.126c.904-.111 1.795.675 1.753 1.587a1.6 1.6 0 0 1-1.301 1.62a1.615 1.615 0 0 1-1.89-1.912a1.62 1.62 0 0 1 1.438-1.294"/></g><defs><clipPath id="SVGHcSWxdhd33"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedElfBackground(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(#SVGHcSWxdhd33)"><path fill="#2b5eba" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.139 4.133c.967-.223 2.003.626 1.92 1.628c.042.904-.856 1.697-1.754 1.579a1.6 1.6 0 0 1-1.112-.598a1.63 1.63 0 0 1-.23-1.656c.194-.487.667-.849 1.183-.953zm-6.31 1.67A2.47 2.47 0 0 1 8.812 7.52c.215.556.473 1.127.877 1.58c.32.347.82.389 1.259.417c.292.02.57-.063.835-.167c.612-.188 1.3.369 1.231 1.002c0 .529-.501.973-1.022.932c-.348 0-.669-.23-.836-.529c-.313-.466-.716-.974-1.315-1.043a2.5 2.5 0 0 0-1.593.257c-.313.146-.591.369-.925.487a2.46 2.46 0 0 1-2.38-.348a2.44 2.44 0 0 1-.911-1.544a2.44 2.44 0 0 1 .334-1.684a2.53 2.53 0 0 1 1.461-1.079M16.11 8.724a3.304 3.304 0 0 1 3.848 2.657c.09.648.042 1.323-.237 1.92a3.305 3.305 0 0 1-4.87 1.406a3.304 3.304 0 0 1 1.26-5.997zm-4.341 3.812c.223-.035.459-.041.668.07a1.01 1.01 0 0 1 .556.974c-.048.543-.584.974-1.127.883c-.536-.118-1.134-.25-1.656-.007a2.77 2.77 0 0 0-1.308 1.858a2.449 2.449 0 1 1-4.7-1.327a2.46 2.46 0 0 1 1.131-1.31a2.45 2.45 0 0 1 2.22-.055c.605.306 1.245.563 1.92.626c.487.035.87-.313 1.224-.598c.32-.25.383-.703.71-.946a.86.86 0 0 1 .362-.168m.536 4.126c.904-.111 1.795.675 1.753 1.587a1.6 1.6 0 0 1-1.301 1.62a1.615 1.615 0 0 1-1.89-1.912a1.62 1.62 0 0 1 1.438-1.294"/></g><defs><clipPath id="SVGHcSWxdhd33"><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(#SVGHcSWxdhd33)"><path fill="#2b5eba" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.139 4.133c.967-.223 2.003.626 1.92 1.628c.042.904-.856 1.697-1.754 1.579a1.6 1.6 0 0 1-1.112-.598a1.63 1.63 0 0 1-.23-1.656c.194-.487.667-.849 1.183-.953zm-6.31 1.67A2.47 2.47 0 0 1 8.812 7.52c.215.556.473 1.127.877 1.58c.32.347.82.389 1.259.417c.292.02.57-.063.835-.167c.612-.188 1.3.369 1.231 1.002c0 .529-.501.973-1.022.932c-.348 0-.669-.23-.836-.529c-.313-.466-.716-.974-1.315-1.043a2.5 2.5 0 0 0-1.593.257c-.313.146-.591.369-.925.487a2.46 2.46 0 0 1-2.38-.348a2.44 2.44 0 0 1-.911-1.544a2.44 2.44 0 0 1 .334-1.684a2.53 2.53 0 0 1 1.461-1.079M16.11 8.724a3.304 3.304 0 0 1 3.848 2.657c.09.648.042 1.323-.237 1.92a3.305 3.305 0 0 1-4.87 1.406a3.304 3.304 0 0 1 1.26-5.997zm-4.341 3.812c.223-.035.459-.041.668.07a1.01 1.01 0 0 1 .556.974c-.048.543-.584.974-1.127.883c-.536-.118-1.134-.25-1.656-.007a2.77 2.77 0 0 0-1.308 1.858a2.449 2.449 0 1 1-4.7-1.327a2.46 2.46 0 0 1 1.131-1.31a2.45 2.45 0 0 1 2.22-.055c.605.306 1.245.563 1.92.626c.487.035.87-.313 1.224-.598c.32-.25.383-.703.71-.946a.86.86 0 0 1 .362-.168m.536 4.126c.904-.111 1.795.675 1.753 1.587a1.6 1.6 0 0 1-1.301 1.62a1.615 1.615 0 0 1-1.89-1.912a1.62 1.62 0 0 1 1.438-1.294"/></g><defs><clipPath id="SVGHcSWxdhd33"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-elf-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(%23SVGHcSWxdhd33)%22%3E%3Cpath%20fill%3D%22%232b5eba%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.139%204.133c.967-.223%202.003.626%201.92%201.628c.042.904-.856%201.697-1.754%201.579a1.6%201.6%200%200%201-1.112-.598a1.63%201.63%200%200%201-.23-1.656c.194-.487.667-.849%201.183-.953zm-6.31%201.67A2.47%202.47%200%200%201%208.812%207.52c.215.556.473%201.127.877%201.58c.32.347.82.389%201.259.417c.292.02.57-.063.835-.167c.612-.188%201.3.369%201.231%201.002c0%20.529-.501.973-1.022.932c-.348%200-.669-.23-.836-.529c-.313-.466-.716-.974-1.315-1.043a2.5%202.5%200%200%200-1.593.257c-.313.146-.591.369-.925.487a2.46%202.46%200%200%201-2.38-.348a2.44%202.44%200%200%201-.911-1.544a2.44%202.44%200%200%201%20.334-1.684a2.53%202.53%200%200%201%201.461-1.079M16.11%208.724a3.304%203.304%200%200%201%203.848%202.657c.09.648.042%201.323-.237%201.92a3.305%203.305%200%200%201-4.87%201.406a3.304%203.304%200%200%201%201.26-5.997zm-4.341%203.812c.223-.035.459-.041.668.07a1.01%201.01%200%200%201%20.556.974c-.048.543-.584.974-1.127.883c-.536-.118-1.134-.25-1.656-.007a2.77%202.77%200%200%200-1.308%201.858a2.449%202.449%200%201%201-4.7-1.327a2.46%202.46%200%200%201%201.131-1.31a2.45%202.45%200%200%201%202.22-.055c.605.306%201.245.563%201.92.626c.487.035.87-.313%201.224-.598c.32-.25.383-.703.71-.946a.86.86%200%200%201%20.362-.168m.536%204.126c.904-.111%201.795.675%201.753%201.587a1.6%201.6%200%200%201-1.301%201.62a1.615%201.615%200%200%201-1.89-1.912a1.62%201.62%200%200%201%201.438-1.294%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd33%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(%23SVGHcSWxdhd33)%22%3E%3Cpath%20fill%3D%22%232b5eba%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.139%204.133c.967-.223%202.003.626%201.92%201.628c.042.904-.856%201.697-1.754%201.579a1.6%201.6%200%200%201-1.112-.598a1.63%201.63%200%200%201-.23-1.656c.194-.487.667-.849%201.183-.953zm-6.31%201.67A2.47%202.47%200%200%201%208.812%207.52c.215.556.473%201.127.877%201.58c.32.347.82.389%201.259.417c.292.02.57-.063.835-.167c.612-.188%201.3.369%201.231%201.002c0%20.529-.501.973-1.022.932c-.348%200-.669-.23-.836-.529c-.313-.466-.716-.974-1.315-1.043a2.5%202.5%200%200%200-1.593.257c-.313.146-.591.369-.925.487a2.46%202.46%200%200%201-2.38-.348a2.44%202.44%200%200%201-.911-1.544a2.44%202.44%200%200%201%20.334-1.684a2.53%202.53%200%200%201%201.461-1.079M16.11%208.724a3.304%203.304%200%200%201%203.848%202.657c.09.648.042%201.323-.237%201.92a3.305%203.305%200%200%201-4.87%201.406a3.304%203.304%200%200%201%201.26-5.997zm-4.341%203.812c.223-.035.459-.041.668.07a1.01%201.01%200%200%201%20.556.974c-.048.543-.584.974-1.127.883c-.536-.118-1.134-.25-1.656-.007a2.77%202.77%200%200%200-1.308%201.858a2.449%202.449%200%201%201-4.7-1.327a2.46%202.46%200%200%201%201.131-1.31a2.45%202.45%200%200%201%202.22-.055c.605.306%201.245.563%201.92.626c.487.035.87-.313%201.224-.598c.32-.25.383-.703.71-.946a.86.86%200%200%201%20.362-.168m.536%204.126c.904-.111%201.795.675%201.753%201.587a1.6%201.6%200%200%201-1.301%201.62a1.615%201.615%200%200%201-1.89-1.912a1.62%201.62%200%200%201%201.438-1.294%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd33%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/elf-background.svg?color=%231a73e8&size=48
