cash out icon

cash-out-linear from Solar by 480 Design · Linear · Money · CC-BY-4.0 Attribution required.

Name
cash-out-linear
Set
Solar
Style
Linear
Category
Money
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

cash-out-boldcash-out-bold-duotonecash-out-brokencash-out-line-duotonecash-out-outline

More money icons from Solar

banknote-2-boldbanknote-boldbill-boldbill-check-boldbill-cross-boldbill-list-boldcard-2-boldcard-boldcard-receive-boldcard-search-boldcard-send-boldcard-transfer-boldcardholder-bolddollar-bolddollar-minimalistic-boldeuro-boldmoney-bag-boldmoney-roll-boldruble-boldsafe-2-boldsafe-circle-boldsafe-square-boldsale-boldsale-square-bold

Use the cash out icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18.6667 11C20.5513 10.7213 22 9.04574 22 7.02036C22 4.79998 20.2589 3 18.1111 3H5.88889C3.74112 3 2 4.79998 2 7.02036C2 9.04574 3.44873 10.7213 5.33333 11"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 6V13M10 10.6667L12 13L14 10.6667"/><path d="M5 10C5 8.11438 5 7.17157 5.58579 6.58579C6.17157 6 7.11438 6 9 6H15C16.8856 6 17.8284 6 18.4142 6.58579C19 7.17157 19 8.11438 19 10V16C19 17.8856 19 18.8284 18.4142 19.4142C17.8284 20 16.8856 20 15 20H9C7.11438 20 6.17157 20 5.58579 19.4142C5 18.8284 5 17.8856 5 16V10Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M5 17H19"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarCashOutLinear(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" stroke="currentColor" strokeWidth="1.5"><path d="M18.6667 11C20.5513 10.7213 22 9.04574 22 7.02036C22 4.79998 20.2589 3 18.1111 3H5.88889C3.74112 3 2 4.79998 2 7.02036C2 9.04574 3.44873 10.7213 5.33333 11"/><path strokeLinecap="round" strokeLinejoin="round" d="M12 6V13M10 10.6667L12 13L14 10.6667"/><path d="M5 10C5 8.11438 5 7.17157 5.58579 6.58579C6.17157 6 7.11438 6 9 6H15C16.8856 6 17.8284 6 18.4142 6.58579C19 7.17157 19 8.11438 19 10V16C19 17.8856 19 18.8284 18.4142 19.4142C17.8284 20 16.8856 20 15 20H9C7.11438 20 6.17157 20 5.58579 19.4142C5 18.8284 5 17.8856 5 16V10Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M5 17H19"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18.6667 11C20.5513 10.7213 22 9.04574 22 7.02036C22 4.79998 20.2589 3 18.1111 3H5.88889C3.74112 3 2 4.79998 2 7.02036C2 9.04574 3.44873 10.7213 5.33333 11"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 6V13M10 10.6667L12 13L14 10.6667"/><path d="M5 10C5 8.11438 5 7.17157 5.58579 6.58579C6.17157 6 7.11438 6 9 6H15C16.8856 6 17.8284 6 18.4142 6.58579C19 7.17157 19 8.11438 19 10V16C19 17.8856 19 18.8284 18.4142 19.4142C17.8284 20 16.8856 20 15 20H9C7.11438 20 6.17157 20 5.58579 19.4142C5 18.8284 5 17.8856 5 16V10Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M5 17H19"/></g></svg>
</template>

CSS

.icon-cash-out-linear {
  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%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M18.6667%2011C20.5513%2010.7213%2022%209.04574%2022%207.02036C22%204.79998%2020.2589%203%2018.1111%203H5.88889C3.74112%203%202%204.79998%202%207.02036C2%209.04574%203.44873%2010.7213%205.33333%2011%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206V13M10%2010.6667L12%2013L14%2010.6667%22%2F%3E%3Cpath%20d%3D%22M5%2010C5%208.11438%205%207.17157%205.58579%206.58579C6.17157%206%207.11438%206%209%206H15C16.8856%206%2017.8284%206%2018.4142%206.58579C19%207.17157%2019%208.11438%2019%2010V16C19%2017.8856%2019%2018.8284%2018.4142%2019.4142C17.8284%2020%2016.8856%2020%2015%2020H9C7.11438%2020%206.17157%2020%205.58579%2019.4142C5%2018.8284%205%2017.8856%205%2016V10Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2017H19%22%2F%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%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M18.6667%2011C20.5513%2010.7213%2022%209.04574%2022%207.02036C22%204.79998%2020.2589%203%2018.1111%203H5.88889C3.74112%203%202%204.79998%202%207.02036C2%209.04574%203.44873%2010.7213%205.33333%2011%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206V13M10%2010.6667L12%2013L14%2010.6667%22%2F%3E%3Cpath%20d%3D%22M5%2010C5%208.11438%205%207.17157%205.58579%206.58579C6.17157%206%207.11438%206%209%206H15C16.8856%206%2017.8284%206%2018.4142%206.58579C19%207.17157%2019%208.11438%2019%2010V16C19%2017.8856%2019%2018.8284%2018.4142%2019.4142C17.8284%2020%2016.8856%2020%2015%2020H9C7.11438%2020%206.17157%2020%205.58579%2019.4142C5%2018.8284%205%2017.8856%205%2016V10Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2017H19%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/cash-out-linear.svg?color=%231a73e8&size=48