sender logo
sender-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- sender-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 sender 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(#SVGHcSWxdhd183)"><path fill="#2e79df" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M14.498 10.628q.354.13.644.34a2.2 2.2 0 0 1 .817 1.14q.071.234.091.482c.098 1.16-.61 2.508-1.87 3.51l-.057.044q-.33.256-.705.476L7.645 20a4.18 4.18 0 0 1 .858-3.203c.309-.39.692-.729 1.145-.994l3.372-1.974a1.75 1.75 0 0 0 .839-1.208a1.74 1.74 0 0 0-.201-1.17a1.705 1.705 0 0 0-1.732-.849l.061-.028q.46-.114.902-.146c.586-.043 1.136.025 1.609.2M16.355 4a4.18 4.18 0 0 1-.857 3.203a4.1 4.1 0 0 1-1.146.994L10.98 10.17a1.75 1.75 0 0 0-.839 1.208c-.069.389-.008.803.201 1.17a1.71 1.71 0 0 0 1.732.849l-.061.028a5.3 5.3 0 0 1-.902.146c-.586.043-1.136-.025-1.609-.2a2.7 2.7 0 0 1-.643-.34a2.2 2.2 0 0 1-.91-1.622c-.097-1.16.611-2.508 1.872-3.51l.057-.044q.329-.256.704-.476z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd183"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSenderBackground(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(#SVGHcSWxdhd183)"><path fill="#2e79df" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M14.498 10.628q.354.13.644.34a2.2 2.2 0 0 1 .817 1.14q.071.234.091.482c.098 1.16-.61 2.508-1.87 3.51l-.057.044q-.33.256-.705.476L7.645 20a4.18 4.18 0 0 1 .858-3.203c.309-.39.692-.729 1.145-.994l3.372-1.974a1.75 1.75 0 0 0 .839-1.208a1.74 1.74 0 0 0-.201-1.17a1.705 1.705 0 0 0-1.732-.849l.061-.028q.46-.114.902-.146c.586-.043 1.136.025 1.609.2M16.355 4a4.18 4.18 0 0 1-.857 3.203a4.1 4.1 0 0 1-1.146.994L10.98 10.17a1.75 1.75 0 0 0-.839 1.208c-.069.389-.008.803.201 1.17a1.71 1.71 0 0 0 1.732.849l-.061.028a5.3 5.3 0 0 1-.902.146c-.586.043-1.136-.025-1.609-.2a2.7 2.7 0 0 1-.643-.34a2.2 2.2 0 0 1-.91-1.622c-.097-1.16.611-2.508 1.872-3.51l.057-.044q.329-.256.704-.476z" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd183"><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(#SVGHcSWxdhd183)"><path fill="#2e79df" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M14.498 10.628q.354.13.644.34a2.2 2.2 0 0 1 .817 1.14q.071.234.091.482c.098 1.16-.61 2.508-1.87 3.51l-.057.044q-.33.256-.705.476L7.645 20a4.18 4.18 0 0 1 .858-3.203c.309-.39.692-.729 1.145-.994l3.372-1.974a1.75 1.75 0 0 0 .839-1.208a1.74 1.74 0 0 0-.201-1.17a1.705 1.705 0 0 0-1.732-.849l.061-.028q.46-.114.902-.146c.586-.043 1.136.025 1.609.2M16.355 4a4.18 4.18 0 0 1-.857 3.203a4.1 4.1 0 0 1-1.146.994L10.98 10.17a1.75 1.75 0 0 0-.839 1.208c-.069.389-.008.803.201 1.17a1.71 1.71 0 0 0 1.732.849l-.061.028a5.3 5.3 0 0 1-.902.146c-.586.043-1.136-.025-1.609-.2a2.7 2.7 0 0 1-.643-.34a2.2 2.2 0 0 1-.91-1.622c-.097-1.16.611-2.508 1.872-3.51l.057-.044q.329-.256.704-.476z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd183"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sender-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(%23SVGHcSWxdhd183)%22%3E%3Cpath%20fill%3D%22%232e79df%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.498%2010.628q.354.13.644.34a2.2%202.2%200%200%201%20.817%201.14q.071.234.091.482c.098%201.16-.61%202.508-1.87%203.51l-.057.044q-.33.256-.705.476L7.645%2020a4.18%204.18%200%200%201%20.858-3.203c.309-.39.692-.729%201.145-.994l3.372-1.974a1.75%201.75%200%200%200%20.839-1.208a1.74%201.74%200%200%200-.201-1.17a1.705%201.705%200%200%200-1.732-.849l.061-.028q.46-.114.902-.146c.586-.043%201.136.025%201.609.2M16.355%204a4.18%204.18%200%200%201-.857%203.203a4.1%204.1%200%200%201-1.146.994L10.98%2010.17a1.75%201.75%200%200%200-.839%201.208c-.069.389-.008.803.201%201.17a1.71%201.71%200%200%200%201.732.849l-.061.028a5.3%205.3%200%200%201-.902.146c-.586.043-1.136-.025-1.609-.2a2.7%202.7%200%200%201-.643-.34a2.2%202.2%200%200%201-.91-1.622c-.097-1.16.611-2.508%201.872-3.51l.057-.044q.329-.256.704-.476z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd183%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(%23SVGHcSWxdhd183)%22%3E%3Cpath%20fill%3D%22%232e79df%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.498%2010.628q.354.13.644.34a2.2%202.2%200%200%201%20.817%201.14q.071.234.091.482c.098%201.16-.61%202.508-1.87%203.51l-.057.044q-.33.256-.705.476L7.645%2020a4.18%204.18%200%200%201%20.858-3.203c.309-.39.692-.729%201.145-.994l3.372-1.974a1.75%201.75%200%200%200%20.839-1.208a1.74%201.74%200%200%200-.201-1.17a1.705%201.705%200%200%200-1.732-.849l.061-.028q.46-.114.902-.146c.586-.043%201.136.025%201.609.2M16.355%204a4.18%204.18%200%200%201-.857%203.203a4.1%204.1%200%200%201-1.146.994L10.98%2010.17a1.75%201.75%200%200%200-.839%201.208c-.069.389-.008.803.201%201.17a1.71%201.71%200%200%200%201.732.849l-.061.028a5.3%205.3%200%200%201-.902.146c-.586.043-1.136-.025-1.609-.2a2.7%202.7%200%200%201-.643-.34a2.2%202.2%200%200%201-.91-1.622c-.097-1.16.611-2.508%201.872-3.51l.057-.044q.329-.256.704-.476z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd183%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/sender-background.svg?color=%231a73e8&size=48
