dialpad icon

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

Name: dialpad-28-regular
Set: Fluent UI System Icons
Style: 28 Regular
Viewbox: 28×28
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-32-filled dialpad-32-regular dialpad-48-filled dialpad-48-regular

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 28 28"><path fill="currentColor" d="M9 4.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m6.5-12a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m6.5-18a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/></svg>

React

import type { SVGProps } from "react";

export function FluentDialpad28Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9 4.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m6.5-12a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m6.5-18a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9 4.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m6.5-12a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m6.5-18a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/></svg>
</template>

CSS

.icon-dialpad-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%204.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m6.5-12a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m6.5-18a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%204.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m6.5-12a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m6.5-18a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m0%206a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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