Multiplier 1x icon
Used to represent video speed. Contains number variants. The Multiplier 1x 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 1x 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 { Multiplier1X24Regular, Multiplier1X24Filled } from "@fluentui/react-icons";
export function Example() {
return <Multiplier1X24Regular aria-label="Multiplier 1x" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_multiplier_1x_24_regular.svg" width="24" height="24" alt="Multiplier 1x"> 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="M10.0002 7.75015C10.0002 7.4139 9.77639 7.11876 9.45261 7.028C9.12894 6.93727 8.78496 7.07212 8.61012 7.35919L8.60945 7.3603L8.6041 7.36884C8.59873 7.37738 8.58982 7.39142 8.57744 7.41042C8.55268 7.44845 8.51419 7.5062 8.46272 7.57944C8.35955 7.72623 8.20544 7.93349 8.00644 8.16797C7.60391 8.64226 7.03965 9.20177 6.36425 9.60699C6.00906 9.8201 5.89388 10.2808 6.107 10.636C6.32011 10.9911 6.78081 11.1063 7.13601 10.8932C7.65994 10.5789 8.11784 10.2021 8.50016 9.83289V16.25C8.50016 16.6642 8.83595 17 9.25017 17C9.66439 17 10.0002 16.6642 10.0002 16.25V7.75015ZM13.2805 12.2198C12.9876 11.9269 12.5127 11.9269 12.2198 12.2197C11.9269 12.5126 11.9269 12.9875 12.2198 13.2804L13.4394 14.5L12.2198 15.7197C11.9269 16.0126 11.9269 16.4875 12.2198 16.7803C12.5127 17.0732 12.9876 17.0732 13.2805 16.7803L14.5001 15.5607L15.7196 16.7803C16.0125 17.0732 16.4874 17.0732 16.7803 16.7803C17.0732 16.4875 17.0732 16.0126 16.7803 15.7197L15.5607 14.5L16.7803 13.2804C17.0732 12.9875 17.0732 12.5126 16.7803 12.2197C16.4874 11.9269 16.0125 11.9269 15.7196 12.2198L14.5001 13.4394L13.2805 12.2198Z" 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_1x_24_regular.svg";Details
| Name | Multiplier 1x |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_multiplier_1x_24_regular.svg |
| Filled file | ic_fluent_multiplier_1x_24_filled.svg |
| React components | Multiplier1X24Regular, Multiplier1X24Filled |
| License | MIT (© Microsoft Corporation) |