dialer keypad icon
dialer-keypad-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- dialer-keypad-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
Use the dialer keypad icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.84 3.84a1.838 1.838 0 0 1-3.141 1.3a1.838 1.838 0 1 1 2.602-2.601c.345.345.54.812.54 1.3m3.599 1.839a1.84 1.84 0 1 0 0-3.679a1.84 1.84 0 0 0 0 3.68M8.4 3.84a1.838 1.838 0 0 1-3.141 1.3A1.839 1.839 0 1 1 7.86 2.539c.345.345.539.812.539 1.3m5.441 5.437a1.839 1.839 0 1 1-3.677-.041a1.839 1.839 0 0 1 3.677.041m3.6 1.839a1.84 1.84 0 1 0 0-3.679a1.84 1.84 0 0 0 0 3.68M8.4 9.276a1.839 1.839 0 0 1-3.141 1.3a1.839 1.839 0 1 1 3.141-1.3m5.44 5.438a1.838 1.838 0 0 1-2.193 1.815a1.84 1.84 0 1 1 2.193-1.815m0 5.446a1.838 1.838 0 0 1-2.199 1.805a1.84 1.84 0 0 1-.663-3.333a1.84 1.84 0 0 1 2.862 1.529m5.44-5.447a1.838 1.838 0 0 1-2.193 1.815a1.84 1.84 0 0 1-1.348-2.507a1.84 1.84 0 0 1 3.541.692m-10.88 0a1.838 1.838 0 0 1-3.137 1.314A1.84 1.84 0 1 1 8.4 14.714"/></svg>
React
import type { SVGProps } from "react";
export function MageDialerKeypadFill(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="M13.84 3.84a1.838 1.838 0 0 1-3.141 1.3a1.838 1.838 0 1 1 2.602-2.601c.345.345.54.812.54 1.3m3.599 1.839a1.84 1.84 0 1 0 0-3.679a1.84 1.84 0 0 0 0 3.68M8.4 3.84a1.838 1.838 0 0 1-3.141 1.3A1.839 1.839 0 1 1 7.86 2.539c.345.345.539.812.539 1.3m5.441 5.437a1.839 1.839 0 1 1-3.677-.041a1.839 1.839 0 0 1 3.677.041m3.6 1.839a1.84 1.84 0 1 0 0-3.679a1.84 1.84 0 0 0 0 3.68M8.4 9.276a1.839 1.839 0 0 1-3.141 1.3a1.839 1.839 0 1 1 3.141-1.3m5.44 5.438a1.838 1.838 0 0 1-2.193 1.815a1.84 1.84 0 1 1 2.193-1.815m0 5.446a1.838 1.838 0 0 1-2.199 1.805a1.84 1.84 0 0 1-.663-3.333a1.84 1.84 0 0 1 2.862 1.529m5.44-5.447a1.838 1.838 0 0 1-2.193 1.815a1.84 1.84 0 0 1-1.348-2.507a1.84 1.84 0 0 1 3.541.692m-10.88 0a1.838 1.838 0 0 1-3.137 1.314A1.84 1.84 0 1 1 8.4 14.714"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.84 3.84a1.838 1.838 0 0 1-3.141 1.3a1.838 1.838 0 1 1 2.602-2.601c.345.345.54.812.54 1.3m3.599 1.839a1.84 1.84 0 1 0 0-3.679a1.84 1.84 0 0 0 0 3.68M8.4 3.84a1.838 1.838 0 0 1-3.141 1.3A1.839 1.839 0 1 1 7.86 2.539c.345.345.539.812.539 1.3m5.441 5.437a1.839 1.839 0 1 1-3.677-.041a1.839 1.839 0 0 1 3.677.041m3.6 1.839a1.84 1.84 0 1 0 0-3.679a1.84 1.84 0 0 0 0 3.68M8.4 9.276a1.839 1.839 0 0 1-3.141 1.3a1.839 1.839 0 1 1 3.141-1.3m5.44 5.438a1.838 1.838 0 0 1-2.193 1.815a1.84 1.84 0 1 1 2.193-1.815m0 5.446a1.838 1.838 0 0 1-2.199 1.805a1.84 1.84 0 0 1-.663-3.333a1.84 1.84 0 0 1 2.862 1.529m5.44-5.447a1.838 1.838 0 0 1-2.193 1.815a1.84 1.84 0 0 1-1.348-2.507a1.84 1.84 0 0 1 3.541.692m-10.88 0a1.838 1.838 0 0 1-3.137 1.314A1.84 1.84 0 1 1 8.4 14.714"/></svg> </template>
CSS
.icon-dialer-keypad-fill {
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%22M13.84%203.84a1.838%201.838%200%200%201-3.141%201.3a1.838%201.838%200%201%201%202.602-2.601c.345.345.54.812.54%201.3m3.599%201.839a1.84%201.84%200%201%200%200-3.679a1.84%201.84%200%200%200%200%203.68M8.4%203.84a1.838%201.838%200%200%201-3.141%201.3A1.839%201.839%200%201%201%207.86%202.539c.345.345.539.812.539%201.3m5.441%205.437a1.839%201.839%200%201%201-3.677-.041a1.839%201.839%200%200%201%203.677.041m3.6%201.839a1.84%201.84%200%201%200%200-3.679a1.84%201.84%200%200%200%200%203.68M8.4%209.276a1.839%201.839%200%200%201-3.141%201.3a1.839%201.839%200%201%201%203.141-1.3m5.44%205.438a1.838%201.838%200%200%201-2.193%201.815a1.84%201.84%200%201%201%202.193-1.815m0%205.446a1.838%201.838%200%200%201-2.199%201.805a1.84%201.84%200%200%201-.663-3.333a1.84%201.84%200%200%201%202.862%201.529m5.44-5.447a1.838%201.838%200%200%201-2.193%201.815a1.84%201.84%200%200%201-1.348-2.507a1.84%201.84%200%200%201%203.541.692m-10.88%200a1.838%201.838%200%200%201-3.137%201.314A1.84%201.84%200%201%201%208.4%2014.714%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%22M13.84%203.84a1.838%201.838%200%200%201-3.141%201.3a1.838%201.838%200%201%201%202.602-2.601c.345.345.54.812.54%201.3m3.599%201.839a1.84%201.84%200%201%200%200-3.679a1.84%201.84%200%200%200%200%203.68M8.4%203.84a1.838%201.838%200%200%201-3.141%201.3A1.839%201.839%200%201%201%207.86%202.539c.345.345.539.812.539%201.3m5.441%205.437a1.839%201.839%200%201%201-3.677-.041a1.839%201.839%200%200%201%203.677.041m3.6%201.839a1.84%201.84%200%201%200%200-3.679a1.84%201.84%200%200%200%200%203.68M8.4%209.276a1.839%201.839%200%200%201-3.141%201.3a1.839%201.839%200%201%201%203.141-1.3m5.44%205.438a1.838%201.838%200%200%201-2.193%201.815a1.84%201.84%200%201%201%202.193-1.815m0%205.446a1.838%201.838%200%200%201-2.199%201.805a1.84%201.84%200%200%201-.663-3.333a1.84%201.84%200%200%201%202.862%201.529m5.44-5.447a1.838%201.838%200%200%201-2.193%201.815a1.84%201.84%200%200%201-1.348-2.507a1.84%201.84%200%200%201%203.541.692m-10.88%200a1.838%201.838%200%200%201-3.137%201.314A1.84%201.84%200%201%201%208.4%2014.714%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/dialer-keypad-fill.svg?color=%231a73e8&size=48
