dialpad icon

dialpad-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.

Name: dialpad-24-filled
Set: Fluent UI System Icons
Style: 24 Filled
Viewbox: 24×24
License: MIT

9 other variants in Fluent UI System Icons

dialpad-20-filled dialpad-20-regular dialpad-24-regular dialpad-28-filled dialpad-28-regular 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 24 24"><path fill="currentColor" d="M12 17.75a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m0-5a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m-9.992 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996-5a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m-9.992 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996-5a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m-9.992 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3"/></svg>

React

import type { SVGProps } from "react";

export function FluentDialpad24Filled(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 17.75a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m0-5a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m-9.992 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996-5a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m-9.992 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996-5a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m-9.992 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3"/></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 17.75a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m0-5a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m-9.992 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996-5a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m-9.992 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996-5a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m4.996 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m-9.992 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3"/></svg>
</template>

CSS

.icon-dialpad-24-filled {
  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%2017.75a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m0-5a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m4.996%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m-9.992%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m4.996-5a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m4.996%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m-9.992%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m4.996-5a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m4.996%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m-9.992%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3%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%2017.75a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m0-5a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m4.996%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m-9.992%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m4.996-5a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m4.996%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m-9.992%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m4.996-5a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m4.996%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3m-9.992%200a1.5%201.5%200%201%201%200%203a1.5%201.5%200%200%201%200-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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