sender logo
sender from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- sender
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the sender logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#2e79df" fill-rule="evenodd" d="M14.81 10.457q.399.146.724.382a2.48 2.48 0 0 1 .92 1.283q.08.263.103.542c.11 1.304-.687 2.821-2.105 3.948l-.064.05a7 7 0 0 1-.793.536L7.1 21a4.7 4.7 0 0 1 .964-3.604c.348-.438.78-.82 1.29-1.117l3.793-2.221a1.97 1.97 0 0 0 .943-1.36c.078-.437.01-.903-.226-1.317a1.92 1.92 0 0 0-1.948-.953l.069-.032A6 6 0 0 1 13 10.231c.659-.047 1.278.029 1.81.226M16.9 3a4.7 4.7 0 0 1-.965 3.604c-.348.438-.78.82-1.29 1.117l-3.793 2.221a1.97 1.97 0 0 0-.943 1.36c-.078.437-.01.903.226 1.317a1.92 1.92 0 0 0 1.948.953l-.069.032a6 6 0 0 1-1.014.165c-.659.047-1.278-.029-1.81-.226a3 3 0 0 1-.724-.382a2.48 2.48 0 0 1-.92-1.283a2.6 2.6 0 0 1-.103-.542c-.11-1.304.687-2.821 2.105-3.948l.064-.05q.371-.287.793-.536z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSender(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#2e79df" fillRule="evenodd" d="M14.81 10.457q.399.146.724.382a2.48 2.48 0 0 1 .92 1.283q.08.263.103.542c.11 1.304-.687 2.821-2.105 3.948l-.064.05a7 7 0 0 1-.793.536L7.1 21a4.7 4.7 0 0 1 .964-3.604c.348-.438.78-.82 1.29-1.117l3.793-2.221a1.97 1.97 0 0 0 .943-1.36c.078-.437.01-.903-.226-1.317a1.92 1.92 0 0 0-1.948-.953l.069-.032A6 6 0 0 1 13 10.231c.659-.047 1.278.029 1.81.226M16.9 3a4.7 4.7 0 0 1-.965 3.604c-.348.438-.78.82-1.29 1.117l-3.793 2.221a1.97 1.97 0 0 0-.943 1.36c-.078.437-.01.903.226 1.317a1.92 1.92 0 0 0 1.948.953l-.069.032a6 6 0 0 1-1.014.165c-.659.047-1.278-.029-1.81-.226a3 3 0 0 1-.724-.382a2.48 2.48 0 0 1-.92-1.283a2.6 2.6 0 0 1-.103-.542c-.11-1.304.687-2.821 2.105-3.948l.064-.05q.371-.287.793-.536z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#2e79df" fill-rule="evenodd" d="M14.81 10.457q.399.146.724.382a2.48 2.48 0 0 1 .92 1.283q.08.263.103.542c.11 1.304-.687 2.821-2.105 3.948l-.064.05a7 7 0 0 1-.793.536L7.1 21a4.7 4.7 0 0 1 .964-3.604c.348-.438.78-.82 1.29-1.117l3.793-2.221a1.97 1.97 0 0 0 .943-1.36c.078-.437.01-.903-.226-1.317a1.92 1.92 0 0 0-1.948-.953l.069-.032A6 6 0 0 1 13 10.231c.659-.047 1.278.029 1.81.226M16.9 3a4.7 4.7 0 0 1-.965 3.604c-.348.438-.78.82-1.29 1.117l-3.793 2.221a1.97 1.97 0 0 0-.943 1.36c-.078.437-.01.903.226 1.317a1.92 1.92 0 0 0 1.948.953l-.069.032a6 6 0 0 1-1.014.165c-.659.047-1.278-.029-1.81-.226a3 3 0 0 1-.724-.382a2.48 2.48 0 0 1-.92-1.283a2.6 2.6 0 0 1-.103-.542c-.11-1.304.687-2.821 2.105-3.948l.064-.05q.371-.287.793-.536z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-sender {
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%22%232e79df%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.81%2010.457q.399.146.724.382a2.48%202.48%200%200%201%20.92%201.283q.08.263.103.542c.11%201.304-.687%202.821-2.105%203.948l-.064.05a7%207%200%200%201-.793.536L7.1%2021a4.7%204.7%200%200%201%20.964-3.604c.348-.438.78-.82%201.29-1.117l3.793-2.221a1.97%201.97%200%200%200%20.943-1.36c.078-.437.01-.903-.226-1.317a1.92%201.92%200%200%200-1.948-.953l.069-.032A6%206%200%200%201%2013%2010.231c.659-.047%201.278.029%201.81.226M16.9%203a4.7%204.7%200%200%201-.965%203.604c-.348.438-.78.82-1.29%201.117l-3.793%202.221a1.97%201.97%200%200%200-.943%201.36c-.078.437-.01.903.226%201.317a1.92%201.92%200%200%200%201.948.953l-.069.032a6%206%200%200%201-1.014.165c-.659.047-1.278-.029-1.81-.226a3%203%200%200%201-.724-.382a2.48%202.48%200%200%201-.92-1.283a2.6%202.6%200%200%201-.103-.542c-.11-1.304.687-2.821%202.105-3.948l.064-.05q.371-.287.793-.536z%22%20clip-rule%3D%22evenodd%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%22%232e79df%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.81%2010.457q.399.146.724.382a2.48%202.48%200%200%201%20.92%201.283q.08.263.103.542c.11%201.304-.687%202.821-2.105%203.948l-.064.05a7%207%200%200%201-.793.536L7.1%2021a4.7%204.7%200%200%201%20.964-3.604c.348-.438.78-.82%201.29-1.117l3.793-2.221a1.97%201.97%200%200%200%20.943-1.36c.078-.437.01-.903-.226-1.317a1.92%201.92%200%200%200-1.948-.953l.069-.032A6%206%200%200%201%2013%2010.231c.659-.047%201.278.029%201.81.226M16.9%203a4.7%204.7%200%200%201-.965%203.604c-.348.438-.78.82-1.29%201.117l-3.793%202.221a1.97%201.97%200%200%200-.943%201.36c-.078.437-.01.903.226%201.317a1.92%201.92%200%200%200%201.948.953l-.069.032a6%206%200%200%201-1.014.165c-.659.047-1.278-.029-1.81-.226a3%203%200%200%201-.724-.382a2.48%202.48%200%200%201-.92-1.283a2.6%202.6%200%200%201-.103-.542c-.11-1.304.687-2.821%202.105-3.948l.064-.05q.371-.287.793-.536z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/sender.svg?color=%231a73e8&size=48
