transfer icon
transfer-outlined from WeUI Icon by WeUI · Outlined · MIT Free for personal and commercial use.
- Name
- transfer-outlined
- Set
- WeUI Icon
- Style
- Outlined
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in WeUI Icon
Use the transfer 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="M3.2 11.2v9.6h9.6v-9.6zM10 10V3.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.002H14v6.998c0 .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 10zm1.2 0h1.798c.546 0 1.002.449 1.002 1.002V12.8h6.8V3.2h-9.6zm-2.255 4.697H6.781c.282.666.666 1.26 1.15 1.773a5.4 5.4 0 0 0 1.014-1.773m2.28 0h-1.093c-.34.984-.803 1.802-1.397 2.476c.724.52 1.6.904 2.65 1.136c-.24.232-.55.695-.71.985c-1.115-.29-2.02-.739-2.765-1.34c-.79.623-1.745 1.079-2.888 1.397a6 6 0 0 0-.638-.991c1.108-.246 2.013-.623 2.744-1.158c-.6-.695-1.064-1.528-1.44-2.505H4.543v-1.028h2.982a5.5 5.5 0 0 0-.34-.948l1.13-.333c.18.34.383.796.455 1.1l-.586.181h3.04zm6.326-4.06l-.43-1.367h-1.98l-.43 1.367H13.5L15.457 5h1.387l1.96 5.637zm-1.434-4.559l-.722 2.309h1.472l-.722-2.309z"/></svg>
React
import type { SVGProps } from "react";
export function WeuiTransferOutlined(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="M3.2 11.2v9.6h9.6v-9.6zM10 10V3.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.002H14v6.998c0 .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 10zm1.2 0h1.798c.546 0 1.002.449 1.002 1.002V12.8h6.8V3.2h-9.6zm-2.255 4.697H6.781c.282.666.666 1.26 1.15 1.773a5.4 5.4 0 0 0 1.014-1.773m2.28 0h-1.093c-.34.984-.803 1.802-1.397 2.476c.724.52 1.6.904 2.65 1.136c-.24.232-.55.695-.71.985c-1.115-.29-2.02-.739-2.765-1.34c-.79.623-1.745 1.079-2.888 1.397a6 6 0 0 0-.638-.991c1.108-.246 2.013-.623 2.744-1.158c-.6-.695-1.064-1.528-1.44-2.505H4.543v-1.028h2.982a5.5 5.5 0 0 0-.34-.948l1.13-.333c.18.34.383.796.455 1.1l-.586.181h3.04zm6.326-4.06l-.43-1.367h-1.98l-.43 1.367H13.5L15.457 5h1.387l1.96 5.637zm-1.434-4.559l-.722 2.309h1.472l-.722-2.309z"/></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="M3.2 11.2v9.6h9.6v-9.6zM10 10V3.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.002H14v6.998c0 .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 10zm1.2 0h1.798c.546 0 1.002.449 1.002 1.002V12.8h6.8V3.2h-9.6zm-2.255 4.697H6.781c.282.666.666 1.26 1.15 1.773a5.4 5.4 0 0 0 1.014-1.773m2.28 0h-1.093c-.34.984-.803 1.802-1.397 2.476c.724.52 1.6.904 2.65 1.136c-.24.232-.55.695-.71.985c-1.115-.29-2.02-.739-2.765-1.34c-.79.623-1.745 1.079-2.888 1.397a6 6 0 0 0-.638-.991c1.108-.246 2.013-.623 2.744-1.158c-.6-.695-1.064-1.528-1.44-2.505H4.543v-1.028h2.982a5.5 5.5 0 0 0-.34-.948l1.13-.333c.18.34.383.796.455 1.1l-.586.181h3.04zm6.326-4.06l-.43-1.367h-1.98l-.43 1.367H13.5L15.457 5h1.387l1.96 5.637zm-1.434-4.559l-.722 2.309h1.472l-.722-2.309z"/></svg> </template>
CSS
.icon-transfer-outlined {
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%22M3.2%2011.2v9.6h9.6v-9.6zM10%2010V3.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.002H14v6.998c0%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%2010zm1.2%200h1.798c.546%200%201.002.449%201.002%201.002V12.8h6.8V3.2h-9.6zm-2.255%204.697H6.781c.282.666.666%201.26%201.15%201.773a5.4%205.4%200%200%200%201.014-1.773m2.28%200h-1.093c-.34.984-.803%201.802-1.397%202.476c.724.52%201.6.904%202.65%201.136c-.24.232-.55.695-.71.985c-1.115-.29-2.02-.739-2.765-1.34c-.79.623-1.745%201.079-2.888%201.397a6%206%200%200%200-.638-.991c1.108-.246%202.013-.623%202.744-1.158c-.6-.695-1.064-1.528-1.44-2.505H4.543v-1.028h2.982a5.5%205.5%200%200%200-.34-.948l1.13-.333c.18.34.383.796.455%201.1l-.586.181h3.04zm6.326-4.06l-.43-1.367h-1.98l-.43%201.367H13.5L15.457%205h1.387l1.96%205.637zm-1.434-4.559l-.722%202.309h1.472l-.722-2.309z%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%22M3.2%2011.2v9.6h9.6v-9.6zM10%2010V3.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.002H14v6.998c0%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%2010zm1.2%200h1.798c.546%200%201.002.449%201.002%201.002V12.8h6.8V3.2h-9.6zm-2.255%204.697H6.781c.282.666.666%201.26%201.15%201.773a5.4%205.4%200%200%200%201.014-1.773m2.28%200h-1.093c-.34.984-.803%201.802-1.397%202.476c.724.52%201.6.904%202.65%201.136c-.24.232-.55.695-.71.985c-1.115-.29-2.02-.739-2.765-1.34c-.79.623-1.745%201.079-2.888%201.397a6%206%200%200%200-.638-.991c1.108-.246%202.013-.623%202.744-1.158c-.6-.695-1.064-1.528-1.44-2.505H4.543v-1.028h2.982a5.5%205.5%200%200%200-.34-.948l1.13-.333c.18.34.383.796.455%201.1l-.586.181h3.04zm6.326-4.06l-.43-1.367h-1.98l-.43%201.367H13.5L15.457%205h1.387l1.96%205.637zm-1.434-4.559l-.722%202.309h1.472l-.722-2.309z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/weui/transfer-outlined.svg?color=%231a73e8&size=48
