Multiplier 2x icon
Used to represent video speed. Contains number variants. The Multiplier 2x icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Multiplier 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 { Multiplier2X24Regular, Multiplier2X24Filled } from "@fluentui/react-icons";
export function Example() {
return <Multiplier2X24Regular aria-label="Multiplier 2x" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_multiplier_2x_24_regular.svg" width="24" height="24" alt="Multiplier 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="M6.16106 10.2447C6.56911 10.2933 6.93958 10.0046 6.99322 9.59839C6.99368 9.59558 6.99494 9.58821 6.99728 9.57691C7.00235 9.55244 7.0122 9.5109 7.02933 9.4581C7.06417 9.35076 7.12526 9.20877 7.22776 9.06945C7.40939 8.82256 7.77751 8.5 8.61632 8.5C9.39237 8.5 9.9016 8.73897 10.1886 9.05791C10.4678 9.36826 10.6401 9.86911 10.5105 10.623C10.4375 11.0483 10.228 11.2982 9.87286 11.5201C9.57396 11.7068 9.24075 11.8368 8.82958 11.9973C8.6624 12.0625 8.48231 12.1328 8.28642 12.214C7.66697 12.4706 6.94737 12.8218 6.39531 13.4662C5.82448 14.1325 5.4997 15.0295 5.4997 16.25C5.4997 16.4489 5.57872 16.6397 5.71937 16.7803C5.86002 16.921 6.05079 17 6.2497 17H11.2497C11.6639 17 11.9997 16.6642 11.9997 16.25C11.9997 15.8358 11.6639 15.5 11.2497 15.5H7.0617C7.15181 15.0075 7.33062 14.68 7.53444 14.4421C7.84645 14.0779 8.28875 13.8366 8.86056 13.5997C8.98235 13.5493 9.11643 13.4971 9.25761 13.4421C9.71182 13.2652 10.2395 13.0596 10.6676 12.7922C11.294 12.4009 11.827 11.8191 11.9889 10.877C12.1772 9.78089 11.9579 8.78174 11.3036 8.05459C10.6571 7.33603 9.6907 7 8.61632 7C7.29679 7 6.4816 7.55244 6.01951 8.18055C5.80014 8.47873 5.67426 8.77424 5.6026 8.99502C5.56649 9.10629 5.5432 9.20147 5.52845 9.2727C5.52105 9.30841 5.51574 9.33841 5.512 9.36176C5.51013 9.37344 5.50865 9.38349 5.5075 9.39179L5.506 9.40292L5.50543 9.40748L5.50518 9.40951C5.50484 9.41228 5.45869 9.79808 5.50496 9.41136C5.456 9.82267 5.74975 10.1958 6.16106 10.2447ZM14.28 12.2197C13.9871 11.9268 13.5122 11.9268 13.2193 12.2197C12.9264 12.5125 12.9264 12.9874 13.2193 13.2803L14.4389 14.5L13.2193 15.7197C12.9264 16.0126 12.9264 16.4875 13.2193 16.7803C13.5122 17.0732 13.9871 17.0732 14.28 16.7803L15.4995 15.5607L16.7191 16.7803C17.012 17.0732 17.4868 17.0732 17.7797 16.7803C18.0726 16.4875 18.0727 16.0126 17.7798 15.7197L16.5602 14.5L17.7798 13.2803C18.0727 12.9874 18.0726 12.5125 17.7797 12.2197C17.4868 11.9268 17.012 11.9268 16.7191 12.2197L15.4995 13.4393L14.28 12.2197Z" 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_2x_24_regular.svg";Details
| Name | Multiplier 2x |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_multiplier_2x_24_regular.svg |
| Filled file | ic_fluent_multiplier_2x_24_filled.svg |
| React components | Multiplier2X24Regular, Multiplier2X24Filled |
| License | MIT (© Microsoft Corporation) |