transfer filled icon
transfer-filled from WeUI Icon by WeUI · Filled · MIT Free for personal and commercial use.
- Name
- transfer-filled
- Set
- WeUI Icon
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
Related icons in WeUI Icon
Use the transfer filled icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.475 9.27h1.646l.43 1.367h1.254L16.844 5h-1.387l-1.215 3.5H10V3.002C10 2.456 10.449 2 11.002 2h9.996C21.544 2 22 2.449 22 3.002v9.996c0 .546-.449 1.002-1.002 1.002H15.5V9.493a1 1 0 0 0-.025-.223m.642-3.192h.028l.722 2.309h-1.472zM3.002 10h9.996c.546 0 1.002.449 1.002 1.002v9.996c0 .546-.449 1.002-1.002 1.002H3.002A1.007 1.007 0 0 1 2 20.998v-9.996C2 10.456 2.449 10 3.002 10m8.223 4.697v-1.028h-3.04l.586-.181c-.072-.304-.275-.76-.456-1.1l-1.13.333c.138.29.269.658.341.948H4.544v1.028h1.143c.377.977.84 1.81 1.441 2.505c-.731.535-1.636.912-2.744 1.158c.203.246.522.738.638.991c1.143-.318 2.099-.774 2.888-1.397c.745.601 1.65 1.05 2.765 1.34c.16-.29.47-.753.71-.985c-1.05-.232-1.926-.615-2.65-1.136c.594-.674 1.057-1.492 1.397-2.476zm-2.28 0a5.4 5.4 0 0 1-1.013 1.773a6 6 0 0 1-1.151-1.773z"/></svg>
React
import type { SVGProps } from "react";
export function WeuiTransferFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M15.475 9.27h1.646l.43 1.367h1.254L16.844 5h-1.387l-1.215 3.5H10V3.002C10 2.456 10.449 2 11.002 2h9.996C21.544 2 22 2.449 22 3.002v9.996c0 .546-.449 1.002-1.002 1.002H15.5V9.493a1 1 0 0 0-.025-.223m.642-3.192h.028l.722 2.309h-1.472zM3.002 10h9.996c.546 0 1.002.449 1.002 1.002v9.996c0 .546-.449 1.002-1.002 1.002H3.002A1.007 1.007 0 0 1 2 20.998v-9.996C2 10.456 2.449 10 3.002 10m8.223 4.697v-1.028h-3.04l.586-.181c-.072-.304-.275-.76-.456-1.1l-1.13.333c.138.29.269.658.341.948H4.544v1.028h1.143c.377.977.84 1.81 1.441 2.505c-.731.535-1.636.912-2.744 1.158c.203.246.522.738.638.991c1.143-.318 2.099-.774 2.888-1.397c.745.601 1.65 1.05 2.765 1.34c.16-.29.47-.753.71-.985c-1.05-.232-1.926-.615-2.65-1.136c.594-.674 1.057-1.492 1.397-2.476zm-2.28 0a5.4 5.4 0 0 1-1.013 1.773a6 6 0 0 1-1.151-1.773z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.475 9.27h1.646l.43 1.367h1.254L16.844 5h-1.387l-1.215 3.5H10V3.002C10 2.456 10.449 2 11.002 2h9.996C21.544 2 22 2.449 22 3.002v9.996c0 .546-.449 1.002-1.002 1.002H15.5V9.493a1 1 0 0 0-.025-.223m.642-3.192h.028l.722 2.309h-1.472zM3.002 10h9.996c.546 0 1.002.449 1.002 1.002v9.996c0 .546-.449 1.002-1.002 1.002H3.002A1.007 1.007 0 0 1 2 20.998v-9.996C2 10.456 2.449 10 3.002 10m8.223 4.697v-1.028h-3.04l.586-.181c-.072-.304-.275-.76-.456-1.1l-1.13.333c.138.29.269.658.341.948H4.544v1.028h1.143c.377.977.84 1.81 1.441 2.505c-.731.535-1.636.912-2.744 1.158c.203.246.522.738.638.991c1.143-.318 2.099-.774 2.888-1.397c.745.601 1.65 1.05 2.765 1.34c.16-.29.47-.753.71-.985c-1.05-.232-1.926-.615-2.65-1.136c.594-.674 1.057-1.492 1.397-2.476zm-2.28 0a5.4 5.4 0 0 1-1.013 1.773a6 6 0 0 1-1.151-1.773z"/></svg> </template>
CSS
.icon-transfer-filled {
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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.475%209.27h1.646l.43%201.367h1.254L16.844%205h-1.387l-1.215%203.5H10V3.002C10%202.456%2010.449%202%2011.002%202h9.996C21.544%202%2022%202.449%2022%203.002v9.996c0%20.546-.449%201.002-1.002%201.002H15.5V9.493a1%201%200%200%200-.025-.223m.642-3.192h.028l.722%202.309h-1.472zM3.002%2010h9.996c.546%200%201.002.449%201.002%201.002v9.996c0%20.546-.449%201.002-1.002%201.002H3.002A1.007%201.007%200%200%201%202%2020.998v-9.996C2%2010.456%202.449%2010%203.002%2010m8.223%204.697v-1.028h-3.04l.586-.181c-.072-.304-.275-.76-.456-1.1l-1.13.333c.138.29.269.658.341.948H4.544v1.028h1.143c.377.977.84%201.81%201.441%202.505c-.731.535-1.636.912-2.744%201.158c.203.246.522.738.638.991c1.143-.318%202.099-.774%202.888-1.397c.745.601%201.65%201.05%202.765%201.34c.16-.29.47-.753.71-.985c-1.05-.232-1.926-.615-2.65-1.136c.594-.674%201.057-1.492%201.397-2.476zm-2.28%200a5.4%205.4%200%200%201-1.013%201.773a6%206%200%200%201-1.151-1.773z%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.475%209.27h1.646l.43%201.367h1.254L16.844%205h-1.387l-1.215%203.5H10V3.002C10%202.456%2010.449%202%2011.002%202h9.996C21.544%202%2022%202.449%2022%203.002v9.996c0%20.546-.449%201.002-1.002%201.002H15.5V9.493a1%201%200%200%200-.025-.223m.642-3.192h.028l.722%202.309h-1.472zM3.002%2010h9.996c.546%200%201.002.449%201.002%201.002v9.996c0%20.546-.449%201.002-1.002%201.002H3.002A1.007%201.007%200%200%201%202%2020.998v-9.996C2%2010.456%202.449%2010%203.002%2010m8.223%204.697v-1.028h-3.04l.586-.181c-.072-.304-.275-.76-.456-1.1l-1.13.333c.138.29.269.658.341.948H4.544v1.028h1.143c.377.977.84%201.81%201.441%202.505c-.731.535-1.636.912-2.744%201.158c.203.246.522.738.638.991c1.143-.318%202.099-.774%202.888-1.397c.745.601%201.65%201.05%202.765%201.34c.16-.29.47-.753.71-.985c-1.05-.232-1.926-.615-2.65-1.136c.594-.674%201.057-1.492%201.397-2.476zm-2.28%200a5.4%205.4%200%200%201-1.013%201.773a6%206%200%200%201-1.151-1.773z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/weui/transfer-filled.svg?color=%231a73e8&size=48
