round contactless icon

round-contactless from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.

Name
round-contactless
Set
Google Material Icons
Style
Baseline
Category
Action
Viewbox
24×24
License
Apache 2.0

More action icons from Google Material Icons

baseline-123baseline-3d-rotationbaseline-abcbaseline-accessibilitybaseline-accessibility-newbaseline-accessiblebaseline-accessible-forwardbaseline-account-balancebaseline-account-balance-walletbaseline-account-boxbaseline-account-circlebaseline-add-cardbaseline-add-homebaseline-add-shopping-cartbaseline-add-taskbaseline-add-to-drivebaseline-addchartbaseline-admin-panel-settingsbaseline-ads-clickbaseline-alarmbaseline-alarm-addbaseline-alarm-offbaseline-alarm-onbaseline-all-inbox

Use the round contactless icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2M8.75 13.68c-.13.43-.62.63-1.02.45a.75.75 0 0 1-.4-.9c.12-.41.18-.83.17-1.24s-.06-.8-.17-1.18c-.1-.36.06-.75.4-.9c.42-.19.91.04 1.04.49c.15.51.22 1.03.23 1.57a6 6 0 0 1-.25 1.71m3.14 1.59c-.17.41-.67.57-1.06.35a.755.755 0 0 1-.32-.94c.33-.77.49-1.63.49-2.56c0-.96-.18-1.89-.53-2.78c-.14-.36.02-.76.36-.94c.39-.2.87-.02 1.03.39c.42 1.06.63 2.18.63 3.33c.02 1.13-.19 2.19-.6 3.15M15 16.6a.748.748 0 0 1-1.39-.56c.59-1.39.89-2.75.89-4.06s-.3-2.65-.88-4.01c-.16-.36.01-.78.36-.95c.39-.2.85-.02 1.02.38c.66 1.54 1 3.08 1 4.58s-.34 3.06-1 4.62"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundContactless(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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2M8.75 13.68c-.13.43-.62.63-1.02.45a.75.75 0 0 1-.4-.9c.12-.41.18-.83.17-1.24s-.06-.8-.17-1.18c-.1-.36.06-.75.4-.9c.42-.19.91.04 1.04.49c.15.51.22 1.03.23 1.57a6 6 0 0 1-.25 1.71m3.14 1.59c-.17.41-.67.57-1.06.35a.755.755 0 0 1-.32-.94c.33-.77.49-1.63.49-2.56c0-.96-.18-1.89-.53-2.78c-.14-.36.02-.76.36-.94c.39-.2.87-.02 1.03.39c.42 1.06.63 2.18.63 3.33c.02 1.13-.19 2.19-.6 3.15M15 16.6a.748.748 0 0 1-1.39-.56c.59-1.39.89-2.75.89-4.06s-.3-2.65-.88-4.01c-.16-.36.01-.78.36-.95c.39-.2.85-.02 1.02.38c.66 1.54 1 3.08 1 4.58s-.34 3.06-1 4.62"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2M8.75 13.68c-.13.43-.62.63-1.02.45a.75.75 0 0 1-.4-.9c.12-.41.18-.83.17-1.24s-.06-.8-.17-1.18c-.1-.36.06-.75.4-.9c.42-.19.91.04 1.04.49c.15.51.22 1.03.23 1.57a6 6 0 0 1-.25 1.71m3.14 1.59c-.17.41-.67.57-1.06.35a.755.755 0 0 1-.32-.94c.33-.77.49-1.63.49-2.56c0-.96-.18-1.89-.53-2.78c-.14-.36.02-.76.36-.94c.39-.2.87-.02 1.03.39c.42 1.06.63 2.18.63 3.33c.02 1.13-.19 2.19-.6 3.15M15 16.6a.748.748 0 0 1-1.39-.56c.59-1.39.89-2.75.89-4.06s-.3-2.65-.88-4.01c-.16-.36.01-.78.36-.95c.39-.2.85-.02 1.02.38c.66 1.54 1 3.08 1 4.58s-.34 3.06-1 4.62"/></svg>
</template>

CSS

.icon-round-contactless {
  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%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202M8.75%2013.68c-.13.43-.62.63-1.02.45a.75.75%200%200%201-.4-.9c.12-.41.18-.83.17-1.24s-.06-.8-.17-1.18c-.1-.36.06-.75.4-.9c.42-.19.91.04%201.04.49c.15.51.22%201.03.23%201.57a6%206%200%200%201-.25%201.71m3.14%201.59c-.17.41-.67.57-1.06.35a.755.755%200%200%201-.32-.94c.33-.77.49-1.63.49-2.56c0-.96-.18-1.89-.53-2.78c-.14-.36.02-.76.36-.94c.39-.2.87-.02%201.03.39c.42%201.06.63%202.18.63%203.33c.02%201.13-.19%202.19-.6%203.15M15%2016.6a.748.748%200%200%201-1.39-.56c.59-1.39.89-2.75.89-4.06s-.3-2.65-.88-4.01c-.16-.36.01-.78.36-.95c.39-.2.85-.02%201.02.38c.66%201.54%201%203.08%201%204.58s-.34%203.06-1%204.62%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%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202M8.75%2013.68c-.13.43-.62.63-1.02.45a.75.75%200%200%201-.4-.9c.12-.41.18-.83.17-1.24s-.06-.8-.17-1.18c-.1-.36.06-.75.4-.9c.42-.19.91.04%201.04.49c.15.51.22%201.03.23%201.57a6%206%200%200%201-.25%201.71m3.14%201.59c-.17.41-.67.57-1.06.35a.755.755%200%200%201-.32-.94c.33-.77.49-1.63.49-2.56c0-.96-.18-1.89-.53-2.78c-.14-.36.02-.76.36-.94c.39-.2.87-.02%201.03.39c.42%201.06.63%202.18.63%203.33c.02%201.13-.19%202.19-.6%203.15M15%2016.6a.748.748%200%200%201-1.39-.56c.59-1.39.89-2.75.89-4.06s-.3-2.65-.88-4.01c-.16-.36.01-.78.36-.95c.39-.2.85-.02%201.02.38c.66%201.54%201%203.08%201%204.58s-.34%203.06-1%204.62%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-contactless.svg?color=%231a73e8&size=48