dialpad icon

dialpad-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.

Name: dialpad-48-regular
Set: Fluent UI System Icons
Style: 48 Regular
Viewbox: 48×48
License: MIT

9 other variants in Fluent UI System Icons

dialpad-20-filled dialpad-20-regular dialpad-24-filled dialpad-24-regular dialpad-28-filled dialpad-28-regular dialpad-32-filled dialpad-32-regular dialpad-48-filled

The same icon in other sets

dialpadBoxIcons v2 dialpadcss.gg dialpadIconoir dialpadMaterial Symbols dialpadMaterial Symbols Light dialpadMaterial Design Icons dialpadTabler Icons dialpadUnicons dialpadUnicons Monochrome dialpadUnicons Solid

Related icons in Fluent UI System Icons

dialpad-off-20-filled dialpad-question-mark-20-filled

Use the dialpad icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M16 8.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m10.5-20a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0M37 8.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>

React

import type { SVGProps } from "react";

export function FluentDialpad48Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M16 8.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m10.5-20a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0M37 8.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M16 8.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m10.5-20a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0M37 8.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0 10a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>
</template>

CSS

.icon-dialpad-48-regular {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%208.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m10.5-20a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200M37%208.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%208.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m10.5-20a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200M37%208.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m0%2010a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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