Multiplier 1_2x icon

Use the Multiplier 1_2x 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 { Multiplier12X24Regular, Multiplier12X24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Multiplier12X24Regular aria-label="Multiplier 1_2x" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_multiplier_1_2x_24_regular.svg" width="24" height="24" alt="Multiplier 1_2x">

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="M5.45259 7.028C5.77636 7.11876 6.00015 7.4139 6.00015 7.75015V16.25C6.00015 16.6642 5.66436 17 5.25015 17C4.83593 17 4.50014 16.6642 4.50014 16.25V9.83289C4.11783 10.2021 3.65993 10.5789 3.136 10.8932C2.78081 11.1063 2.32011 10.9911 2.10699 10.636C1.89388 10.2808 2.00906 9.8201 2.36425 9.60699C3.03964 9.20177 3.6039 8.64226 4.00643 8.16797C4.20543 7.93349 4.35953 7.72623 4.4627 7.57944C4.51417 7.5062 4.55266 7.44845 4.57742 7.41042C4.5898 7.39142 4.59871 7.37738 4.60408 7.36884L4.60942 7.3603L4.6101 7.35919C4.78494 7.07212 5.12892 6.93727 5.45259 7.028ZM10.418 10.2457C10.8265 10.2904 11.1942 9.99823 11.2441 9.59159C11.2445 9.58879 11.2457 9.58149 11.2479 9.57032C11.2527 9.54597 11.2621 9.50462 11.2787 9.45207C11.3124 9.34516 11.3717 9.20407 11.4721 9.06583C11.6491 8.82218 12.0112 8.50016 12.8496 8.50016C13.6233 8.50016 14.0496 8.73596 14.2735 9.02036C14.5057 9.31527 14.6479 9.82339 14.5105 10.6231C14.435 11.0628 14.2276 11.3128 13.8979 11.5291C13.6174 11.7131 13.3082 11.8404 12.922 11.9992C12.7618 12.0652 12.5881 12.1366 12.398 12.2198C11.8063 12.4785 11.1186 12.8334 10.593 13.482C10.0531 14.1484 9.74965 15.0397 9.74965 16.25C9.74965 16.4489 9.82867 16.6397 9.96932 16.7803C10.11 16.921 10.3007 17 10.4997 17H15.2497C15.6639 17 15.9997 16.6642 15.9997 16.25C15.9997 15.8358 15.6639 15.5 15.2497 15.5H11.3076C11.3933 14.998 11.5648 14.6654 11.7585 14.4263C12.0501 14.0664 12.4619 13.8289 12.9989 13.5941C13.1129 13.5443 13.2393 13.4923 13.3732 13.4374C13.8037 13.2606 14.3104 13.0525 14.7207 12.7833C15.3256 12.3865 15.8295 11.8049 15.9889 10.8771C16.1693 9.82687 16.0367 8.83502 15.4521 8.09245C14.8591 7.33937 13.9264 7.00018 12.8496 7.00018C11.5297 7.00018 10.7168 7.55314 10.2584 8.18448C10.0411 8.48372 9.91767 8.78013 9.84798 9.00134C9.81285 9.11285 9.79042 9.20821 9.77633 9.27957C9.76926 9.31535 9.76422 9.3454 9.76069 9.36879C9.75893 9.3805 9.75754 9.39057 9.75647 9.39888L9.75508 9.41004L9.75454 9.41462L9.75431 9.41665C9.75401 9.41942 9.71058 9.81606 9.75411 9.41851C9.70902 9.83025 10.0063 10.2006 10.418 10.2457ZM18.2805 12.2197C17.9876 11.9268 17.5127 11.9268 17.2198 12.2197C16.9269 12.5126 16.9269 12.9874 17.2198 13.2803L18.4394 14.5L17.2198 15.7196C16.9269 16.0125 16.9269 16.4874 17.2198 16.7803C17.5127 17.0732 17.9876 17.0732 18.2805 16.7803L19.5001 15.5607L20.7196 16.7803C21.0125 17.0732 21.4874 17.0732 21.7803 16.7803C22.0732 16.4874 22.0732 16.0125 21.7803 15.7196L20.5607 14.5L21.7803 13.2803C22.0732 12.9874 22.0732 12.5126 21.7803 12.2197C21.4874 11.9268 21.0125 11.9268 20.7196 12.2197L19.5001 13.4393L18.2805 12.2197ZM8.50006 16.25C8.50006 16.6642 8.16427 17 7.75006 17C7.33584 17 7.00005 16.6642 7.00005 16.25C7.00005 15.8358 7.33584 15.5 7.75006 15.5C8.16427 15.5 8.50006 15.8358 8.50006 16.25Z" 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/multiplier_1_2x_24_regular.svg";

Details

Keywords

speednumbertype