Dialpad Question Mark icon

Use the Dialpad Question Mark icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { DialpadQuestionMark24Regular, DialpadQuestionMark24Filled } from "@fluentui/react-icons";

export function Example() {
  return <DialpadQuestionMark24Regular aria-label="Dialpad Question Mark" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_dialpad_question_mark_24_regular.svg" width="24" height="24" alt="Dialpad Question Mark">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9999 2.75C12.6902 2.75 13.2499 3.30964 13.2499 4C13.2499 4.69036 12.6902 5.25 11.9999 5.25C11.3095 5.25 10.7499 4.69036 10.7499 4C10.7499 3.30964 11.3095 2.75 11.9999 2.75ZM13.2499 9C13.2499 8.30964 12.6902 7.75 11.9999 7.75C11.3095 7.75 10.7499 8.30964 10.7499 9C10.7499 9.69036 11.3095 10.25 11.9999 10.25C12.6902 10.25 13.2499 9.69036 13.2499 9ZM7.00391 12.75C7.69426 12.75 8.25391 13.3096 8.25391 14C8.25391 14.6904 7.69426 15.25 7.00391 15.25C6.31355 15.25 5.75391 14.6904 5.75391 14C5.75391 13.3096 6.31355 12.75 7.00391 12.75ZM11.9999 12.75C12.2969 12.75 12.5696 12.8536 12.7841 13.0266C12.2137 13.6276 11.7571 14.3376 11.4485 15.1222C11.0347 14.9184 10.7499 14.4925 10.7499 14C10.7499 13.3096 11.3095 12.75 11.9999 12.75ZM16.9958 7.75C17.6862 7.75 18.2458 8.30964 18.2458 9C18.2458 9.69036 17.6862 10.25 16.9958 10.25C16.3055 10.25 15.7458 9.69036 15.7458 9C15.7458 8.30964 16.3055 7.75 16.9958 7.75ZM8.25391 9C8.25391 8.30964 7.69426 7.75 7.00391 7.75C6.31355 7.75 5.75391 8.30964 5.75391 9C5.75391 9.69036 6.31355 10.25 7.00391 10.25C7.69426 10.25 8.25391 9.69036 8.25391 9ZM18.2458 4C18.2458 3.30964 17.6862 2.75 16.9958 2.75C16.3055 2.75 15.7458 3.30964 15.7458 4C15.7458 4.69036 16.3055 5.25 16.9958 5.25C17.6862 5.25 18.2458 4.69036 18.2458 4ZM7.00391 2.75C7.69426 2.75 8.25391 3.30964 8.25391 4C8.25391 4.69036 7.69426 5.25 7.00391 5.25C6.31355 5.25 5.75391 4.69036 5.75391 4C5.75391 3.30964 6.31355 2.75 7.00391 2.75ZM17.4999 12C20.5374 12 22.9999 14.4624 22.9999 17.5C22.9999 20.5376 20.5374 23 17.4999 23C14.4623 23 11.9999 20.5376 11.9999 17.5C11.9999 14.4624 14.4623 12 17.4999 12ZM17.4999 19.751C17.155 19.751 16.8754 20.0306 16.8754 20.3755C16.8754 20.7204 17.155 21 17.4999 21C17.8448 21 18.1244 20.7204 18.1244 20.3755C18.1244 20.0306 17.8448 19.751 17.4999 19.751ZM17.4999 13.8741C16.452 13.8741 15.6356 14.6915 15.6465 15.8284C15.6492 16.1045 15.8752 16.3262 16.1513 16.3235C16.4274 16.3209 16.6491 16.0949 16.6465 15.8188C16.6409 15.2398 17.0061 14.8741 17.4999 14.8741C17.9723 14.8741 18.3533 15.266 18.3533 15.8236C18.3533 16.0158 18.298 16.1659 18.1294 16.3851L18.0354 16.5009L17.9364 16.6142L17.671 16.9043L17.5345 17.0615C17.1512 17.5182 16.9999 17.854 16.9999 18.3716C16.9999 18.6477 17.2238 18.8716 17.4999 18.8716C17.7761 18.8716 17.9999 18.6477 17.9999 18.3716C17.9999 18.1684 18.0584 18.0126 18.2387 17.7813L18.3237 17.6772L18.4246 17.5617L18.6904 17.2713L18.825 17.1162C19.2032 16.6653 19.3533 16.333 19.3533 15.8236C19.3533 14.7199 18.531 13.8741 17.4999 13.8741Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/dialpad_question_mark_24_regular.svg";

Details

Keywords

calldialnumber