Multiplier _5x icon
Used to represent video speed. Contains number variants. The Multiplier _5x 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 _5x 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 { Multiplier5X24Regular, Multiplier5X24Filled } from "@fluentui/react-icons";
export function Example() {
return <Multiplier5X24Regular aria-label="Multiplier _5x" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_multiplier_5x_24_regular.svg" width="24" height="24" alt="Multiplier _5x"> 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="M7.00171 7.70011C7.02797 7.30614 7.3552 7 7.75005 7H12.2501C12.6643 7 13.0001 7.33579 13.0001 7.75C13.0001 8.16421 12.6643 8.5 12.2501 8.5H8.45173L8.30995 10.6267L9.59564 10.443C11.6564 10.1486 13.5001 11.7477 13.5001 13.8293C13.5001 15.7185 11.9686 17.25 10.0794 17.25H9.72438C8.65906 17.25 7.64331 16.8 6.92761 16.0109L6.6945 15.7539C6.41622 15.447 6.43936 14.9727 6.74618 14.6945C7.053 14.4162 7.52731 14.4393 7.80559 14.7461L8.0387 15.0031C8.47007 15.4788 9.08228 15.75 9.72438 15.75H10.0794C11.1402 15.75 12.0001 14.8901 12.0001 13.8293C12.0001 12.6605 10.9649 11.7626 9.80777 11.9279L7.60612 12.2425C7.38224 12.2744 7.15588 12.2037 6.99006 12.0499C6.82424 11.8961 6.73666 11.6758 6.7517 11.4501L7.00171 7.70011ZM14.2198 12.2197C14.5127 11.9268 14.9876 11.9268 15.2805 12.2197L16.5001 13.4393L17.7196 12.2197C18.0125 11.9268 18.4874 11.9268 18.7803 12.2197C19.0732 12.5125 19.0732 12.9874 18.7803 13.2803L17.5607 14.5L18.7803 15.7197C19.0732 16.0126 19.0732 16.4875 18.7803 16.7803C18.4874 17.0732 18.0125 17.0732 17.7196 16.7803L16.5001 15.5607L15.2805 16.7803C14.9876 17.0732 14.5127 17.0732 14.2198 16.7803C13.9269 16.4875 13.9269 16.0126 14.2198 15.7197L15.4394 14.5L14.2198 13.2803C13.9269 12.9874 13.9269 12.5125 14.2198 12.2197ZM4.75001 17C5.16423 17 5.50002 16.6642 5.50002 16.25C5.50002 15.8358 5.16423 15.5 4.75001 15.5C4.33579 15.5 4 15.8358 4 16.25C4 16.6642 4.33579 17 4.75001 17Z" 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_5x_24_regular.svg";Details
| Name | Multiplier _5x |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_multiplier_5x_24_regular.svg |
| Filled file | ic_fluent_multiplier_5x_24_filled.svg |
| React components | Multiplier5X24Regular, Multiplier5X24Filled |
| License | MIT (© Microsoft Corporation) |