atm icon

atm-rounded from Material Symbols Light by Google · Rounded · Business · Apache-2.0 Free for personal and commercial use.

Name: atm-rounded
Set: Material Symbols Light
Style: Rounded
Category: Business
Viewbox: 24×24
License: Apache 2.0
Aliases: atm-outline-rounded

2 other variants in Material Symbols Light

atm atm-sharp

The same icon in other sets

atmMaterial Symbols atmMaterial Design Icons atmWeb3 Icons Branded

More business icons from Material Symbols Light

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.587 10.192H8.779q-.192 0-.317-.125t-.125-.316t.125-.317t.317-.126h4.5q.192 0 .317.125t.125.316t-.125.317t-.317.126H11.47v4.058q0 .192-.125.317t-.316.125t-.317-.125t-.126-.317zM3.385 13v1.25q0 .192-.125.317t-.317.125t-.317-.125t-.126-.317v-4.173q0-.327.221-.548t.548-.221h2.847q.326 0 .548.22q.22.222.22.549v4.173q0 .192-.125.317t-.316.125t-.317-.125T6 14.25V13zm0-.885H6v-1.923H3.385zm12.73-1.923v4.058q0 .192-.125.317t-.316.125t-.317-.125t-.126-.317v-4.173q0-.327.221-.548T16 9.308h4.73q.328 0 .549.22q.221.222.221.549v4.173q0 .192-.125.317t-.316.125t-.318-.125t-.126-.317v-4.058h-1.807v3.058q0 .192-.125.317q-.126.125-.317.125t-.317-.125t-.126-.317v-3.058z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightAtmRounded(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.587 10.192H8.779q-.192 0-.317-.125t-.125-.316t.125-.317t.317-.126h4.5q.192 0 .317.125t.125.316t-.125.317t-.317.126H11.47v4.058q0 .192-.125.317t-.316.125t-.317-.125t-.126-.317zM3.385 13v1.25q0 .192-.125.317t-.317.125t-.317-.125t-.126-.317v-4.173q0-.327.221-.548t.548-.221h2.847q.326 0 .548.22q.22.222.22.549v4.173q0 .192-.125.317t-.316.125t-.317-.125T6 14.25V13zm0-.885H6v-1.923H3.385zm12.73-1.923v4.058q0 .192-.125.317t-.316.125t-.317-.125t-.126-.317v-4.173q0-.327.221-.548T16 9.308h4.73q.328 0 .549.22q.221.222.221.549v4.173q0 .192-.125.317t-.316.125t-.318-.125t-.126-.317v-4.058h-1.807v3.058q0 .192-.125.317q-.126.125-.317.125t-.317-.125t-.126-.317v-3.058z"/></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.587 10.192H8.779q-.192 0-.317-.125t-.125-.316t.125-.317t.317-.126h4.5q.192 0 .317.125t.125.316t-.125.317t-.317.126H11.47v4.058q0 .192-.125.317t-.316.125t-.317-.125t-.126-.317zM3.385 13v1.25q0 .192-.125.317t-.317.125t-.317-.125t-.126-.317v-4.173q0-.327.221-.548t.548-.221h2.847q.326 0 .548.22q.22.222.22.549v4.173q0 .192-.125.317t-.316.125t-.317-.125T6 14.25V13zm0-.885H6v-1.923H3.385zm12.73-1.923v4.058q0 .192-.125.317t-.316.125t-.317-.125t-.126-.317v-4.173q0-.327.221-.548T16 9.308h4.73q.328 0 .549.22q.221.222.221.549v4.173q0 .192-.125.317t-.316.125t-.318-.125t-.126-.317v-4.058h-1.807v3.058q0 .192-.125.317q-.126.125-.317.125t-.317-.125t-.126-.317v-3.058z"/></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.587%2010.192H8.779q-.192%200-.317-.125t-.125-.316t.125-.317t.317-.126h4.5q.192%200%20.317.125t.125.316t-.125.317t-.317.126H11.47v4.058q0%20.192-.125.317t-.316.125t-.317-.125t-.126-.317zM3.385%2013v1.25q0%20.192-.125.317t-.317.125t-.317-.125t-.126-.317v-4.173q0-.327.221-.548t.548-.221h2.847q.326%200%20.548.22q.22.222.22.549v4.173q0%20.192-.125.317t-.316.125t-.317-.125T6%2014.25V13zm0-.885H6v-1.923H3.385zm12.73-1.923v4.058q0%20.192-.125.317t-.316.125t-.317-.125t-.126-.317v-4.173q0-.327.221-.548T16%209.308h4.73q.328%200%20.549.22q.221.222.221.549v4.173q0%20.192-.125.317t-.316.125t-.318-.125t-.126-.317v-4.058h-1.807v3.058q0%20.192-.125.317q-.126.125-.317.125t-.317-.125t-.126-.317v-3.058z%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.587%2010.192H8.779q-.192%200-.317-.125t-.125-.316t.125-.317t.317-.126h4.5q.192%200%20.317.125t.125.316t-.125.317t-.317.126H11.47v4.058q0%20.192-.125.317t-.316.125t-.317-.125t-.126-.317zM3.385%2013v1.25q0%20.192-.125.317t-.317.125t-.317-.125t-.126-.317v-4.173q0-.327.221-.548t.548-.221h2.847q.326%200%20.548.22q.22.222.22.549v4.173q0%20.192-.125.317t-.316.125t-.317-.125T6%2014.25V13zm0-.885H6v-1.923H3.385zm12.73-1.923v4.058q0%20.192-.125.317t-.316.125t-.317-.125t-.126-.317v-4.173q0-.327.221-.548T16%209.308h4.73q.328%200%20.549.22q.221.222.221.549v4.173q0%20.192-.125.317t-.316.125t-.318-.125t-.126-.317v-4.058h-1.807v3.058q0%20.192-.125.317q-.126.125-.317.125t-.317-.125t-.126-.317v-3.058z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/atm-rounded.svg?color=%231a73e8&size=48