atm icon
atm-rounded from Material Symbols by Google · Rounded · Business · Apache-2.0 Free for personal and commercial use.
- Name
- atm-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Business
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- atm-outline-rounded
2 other variants in Material Symbols
The same icon in other sets
More business icons from Material Symbols
Use the atm icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.375 10.5h-1.5q-.325 0-.537-.213t-.213-.537t.213-.537T8.875 9h4.5q.325 0 .538.213t.212.537t-.213.538t-.537.212h-1.5v3.75q0 .325-.213.538t-.537.212t-.537-.213t-.213-.537zm-6.875 3v.75q0 .325-.213.538T2.75 15t-.537-.213T2 14.25V10q0-.425.288-.712T3 9h3q.425 0 .713.288T7 10v4.25q0 .325-.213.538T6.25 15t-.537-.213t-.213-.537v-.75zm0-1.5h2v-1.5h-2zM17 10.5v3.75q0 .325-.213.538T16.25 15t-.537-.213t-.213-.537V10q0-.425.288-.712T16.5 9H21q.425 0 .713.288T22 10v4.25q0 .325-.213.538T21.25 15t-.537-.213t-.213-.537V10.5h-1v2.75q0 .325-.213.538T18.75 14t-.537-.213T18 13.25V10.5z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsAtmRounded(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" d="M10.375 10.5h-1.5q-.325 0-.537-.213t-.213-.537t.213-.537T8.875 9h4.5q.325 0 .538.213t.212.537t-.213.538t-.537.212h-1.5v3.75q0 .325-.213.538t-.537.212t-.537-.213t-.213-.537zm-6.875 3v.75q0 .325-.213.538T2.75 15t-.537-.213T2 14.25V10q0-.425.288-.712T3 9h3q.425 0 .713.288T7 10v4.25q0 .325-.213.538T6.25 15t-.537-.213t-.213-.537v-.75zm0-1.5h2v-1.5h-2zM17 10.5v3.75q0 .325-.213.538T16.25 15t-.537-.213t-.213-.537V10q0-.425.288-.712T16.5 9H21q.425 0 .713.288T22 10v4.25q0 .325-.213.538T21.25 15t-.537-.213t-.213-.537V10.5h-1v2.75q0 .325-.213.538T18.75 14t-.537-.213T18 13.25V10.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.375 10.5h-1.5q-.325 0-.537-.213t-.213-.537t.213-.537T8.875 9h4.5q.325 0 .538.213t.212.537t-.213.538t-.537.212h-1.5v3.75q0 .325-.213.538t-.537.212t-.537-.213t-.213-.537zm-6.875 3v.75q0 .325-.213.538T2.75 15t-.537-.213T2 14.25V10q0-.425.288-.712T3 9h3q.425 0 .713.288T7 10v4.25q0 .325-.213.538T6.25 15t-.537-.213t-.213-.537v-.75zm0-1.5h2v-1.5h-2zM17 10.5v3.75q0 .325-.213.538T16.25 15t-.537-.213t-.213-.537V10q0-.425.288-.712T16.5 9H21q.425 0 .713.288T22 10v4.25q0 .325-.213.538T21.25 15t-.537-.213t-.213-.537V10.5h-1v2.75q0 .325-.213.538T18.75 14t-.537-.213T18 13.25V10.5z"/></svg> </template>
CSS
.icon-atm-rounded {
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%20d%3D%22M10.375%2010.5h-1.5q-.325%200-.537-.213t-.213-.537t.213-.537T8.875%209h4.5q.325%200%20.538.213t.212.537t-.213.538t-.537.212h-1.5v3.75q0%20.325-.213.538t-.537.212t-.537-.213t-.213-.537zm-6.875%203v.75q0%20.325-.213.538T2.75%2015t-.537-.213T2%2014.25V10q0-.425.288-.712T3%209h3q.425%200%20.713.288T7%2010v4.25q0%20.325-.213.538T6.25%2015t-.537-.213t-.213-.537v-.75zm0-1.5h2v-1.5h-2zM17%2010.5v3.75q0%20.325-.213.538T16.25%2015t-.537-.213t-.213-.537V10q0-.425.288-.712T16.5%209H21q.425%200%20.713.288T22%2010v4.25q0%20.325-.213.538T21.25%2015t-.537-.213t-.213-.537V10.5h-1v2.75q0%20.325-.213.538T18.75%2014t-.537-.213T18%2013.25V10.5z%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%20d%3D%22M10.375%2010.5h-1.5q-.325%200-.537-.213t-.213-.537t.213-.537T8.875%209h4.5q.325%200%20.538.213t.212.537t-.213.538t-.537.212h-1.5v3.75q0%20.325-.213.538t-.537.212t-.537-.213t-.213-.537zm-6.875%203v.75q0%20.325-.213.538T2.75%2015t-.537-.213T2%2014.25V10q0-.425.288-.712T3%209h3q.425%200%20.713.288T7%2010v4.25q0%20.325-.213.538T6.25%2015t-.537-.213t-.213-.537v-.75zm0-1.5h2v-1.5h-2zM17%2010.5v3.75q0%20.325-.213.538T16.25%2015t-.537-.213t-.213-.537V10q0-.425.288-.712T16.5%209H21q.425%200%20.713.288T22%2010v4.25q0%20.325-.213.538T21.25%2015t-.537-.213t-.213-.537V10.5h-1v2.75q0%20.325-.213.538T18.75%2014t-.537-.213T18%2013.25V10.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/atm-rounded.svg?color=%231a73e8&size=48
