Multiplier 1_8x icon
Used to represent video speed. Contains number variants. The Multiplier 1_8x 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 1_8x 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 { Multiplier18X24Regular, Multiplier18X24Filled } from "@fluentui/react-icons";
export function Example() {
return <Multiplier18X24Regular aria-label="Multiplier 1_8x" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_multiplier_1_8x_24_regular.svg" width="24" height="24" alt="Multiplier 1_8x"> 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="M16.0001 9.5C16.0001 10.2749 15.6648 10.9445 15.1403 11.4289C15.9571 12.0124 16.5001 12.928 16.5001 14C16.5001 15.8606 14.8643 17.25 13.0001 17.25C11.136 17.25 9.50007 15.8606 9.50007 14C9.50007 12.928 10.0431 12.0124 10.86 11.4289C10.3355 10.9445 10.0001 10.2749 10.0001 9.5C10.0001 7.90061 11.4287 6.75 13.0001 6.75C14.5715 6.75 16.0001 7.90061 16.0001 9.5ZM13.0001 8.25C12.0862 8.25 11.5001 8.89025 11.5001 9.5C11.5001 10.1098 12.0862 10.75 13.0001 10.75C13.914 10.75 14.5001 10.1098 14.5001 9.5C14.5001 8.89025 13.914 8.25 13.0001 8.25ZM11.0001 14C11.0001 14.9008 11.8267 15.75 13.0001 15.75C14.1736 15.75 15.0001 14.9008 15.0001 14C15.0001 13.0992 14.1736 12.25 13.0001 12.25C11.8267 12.25 11.0001 13.0992 11.0001 14ZM18.2805 12.2197C17.9876 11.9268 17.5127 11.9268 17.2198 12.2197C16.9269 12.5125 16.9269 12.9874 17.2198 13.2803L18.4394 14.5L17.2198 15.7197C16.9269 16.0126 16.9269 16.4875 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.4875 22.0732 16.0126 21.7803 15.7197L20.5607 14.5L21.7803 13.2803C22.0732 12.9874 22.0732 12.5125 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.25ZM5.45259 7.02781C5.77636 7.11857 6.00015 7.41373 6.00015 7.74998V16.25C6.00015 16.6642 5.66436 17 5.25015 17C4.83593 17 4.50014 16.6642 4.50014 16.25V9.83276C4.11783 10.2019 3.65993 10.5787 3.136 10.8931C2.78081 11.1062 2.32011 10.991 2.10699 10.6358C1.89388 10.2807 2.00906 9.81997 2.36425 9.60686C3.03964 9.20162 3.6039 8.64211 4.00643 8.16781C4.20543 7.93333 4.35953 7.72606 4.4627 7.57927C4.51417 7.50603 4.55266 7.44827 4.57742 7.41024C4.5898 7.39124 4.59871 7.37721 4.60408 7.36866L4.60942 7.36012L4.6101 7.35901C4.78494 7.07194 5.12892 6.93708 5.45259 7.02781Z" 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_8x_24_regular.svg";Details
| Name | Multiplier 1_8x |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_multiplier_1_8x_24_regular.svg |
| Filled file | ic_fluent_multiplier_1_8x_24_filled.svg |
| React components | Multiplier18X24Regular, Multiplier18X24Filled |
| License | MIT (© Microsoft Corporation) |