FPS 120 icon (Filled & Regular)

Used in scenarios where frames per second can be edited, or represented. The FPS 120 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 FPS 120 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 { Fps12024Regular, Fps12024Filled } from "@fluentui/react-icons";

export function Example() {
  return <Fps12024Regular aria-label="FPS 120" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_fps_120_24_regular.svg" width="24" height="24" alt="FPS 120">

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.99621 3.75005C5.99621 3.42381 5.78531 3.13499 5.47456 3.03566C5.16387 2.93635 4.82461 3.04923 4.63536 3.31488L4.63354 3.31743L4.62484 3.32946C4.61677 3.34059 4.60421 3.3578 4.58746 3.38042C4.55394 3.42569 4.50377 3.49248 4.43936 3.57552C4.31024 3.74198 4.12542 3.97172 3.90402 4.22316C3.44873 4.74024 2.88675 5.29342 2.36424 5.60692C2.00906 5.82004 1.89388 6.28073 2.10699 6.63591C2.3201 6.9911 2.7808 7.10627 3.13599 6.89316C3.6247 6.59993 4.09472 6.18923 4.49621 5.78586V12.25C4.49621 12.6642 4.83199 13 5.24621 13C5.66042 13 5.99621 12.6642 5.99621 12.25V3.75005ZM9.48761 5.38645C9.41352 5.78781 9.03101 6.05721 8.62682 5.98985C8.21824 5.92175 7.94223 5.53533 8.01032 5.12676L8.01065 5.12481L8.01101 5.12271L8.01182 5.11807L8.01383 5.10706C8.01536 5.09895 8.01726 5.08933 8.01959 5.07829C8.02425 5.05623 8.03065 5.02838 8.03924 4.99558C8.05637 4.93015 8.0825 4.84394 8.12143 4.74385C8.19885 4.54477 8.33015 4.28248 8.54895 4.01992C9.0079 3.46919 9.78378 3.00006 11.0001 3.00006C12.657 3.00006 14.0001 4.3432 14.0001 6.00005C14.0001 7.0216 13.6387 7.77619 13.1 8.36416C12.625 8.88245 12.0119 9.26605 11.4946 9.58966L11.3987 9.64972C10.8245 10.0099 10.361 10.316 10.0252 10.7118C9.84079 10.9291 9.68956 11.181 9.59753 11.5H13.2501C13.6643 11.5 14.0001 11.8358 14.0001 12.25C14.0001 12.6642 13.6643 13 13.2501 13H8.75012C8.3359 13 8.00012 12.6642 8.00012 12.25C8.00012 11.1753 8.34667 10.3717 8.88132 9.74144C9.38928 9.14269 10.0507 8.72463 10.6016 8.37905L10.6299 8.3613C11.2055 8.0002 11.6604 7.71491 11.994 7.35078C12.299 7.01795 12.5001 6.61824 12.5001 6.00005C12.5001 5.17163 11.8285 4.50006 11.0001 4.50006C10.2165 4.50006 9.86734 4.78093 9.70128 4.98019C9.60758 5.09263 9.55139 5.20534 9.51943 5.28751C9.50367 5.32805 9.49464 5.35902 9.49029 5.37562L9.48761 5.38645ZM17.9943 3.00165C16.3406 3.00165 15 4.34225 15 5.99598V10.0057C15 11.6594 16.3406 13 17.9943 13H18.0057C19.6594 13 21 11.6594 21 10.0057V5.99598C21 4.34225 19.6594 3.00165 18.0057 3.00165H17.9943ZM16.5 5.99598C16.5 5.17068 17.169 4.50164 17.9943 4.50164H18.0057C18.831 4.50164 19.5 5.17068 19.5 5.99598V10.0057C19.5 10.831 18.831 11.5 18.0057 11.5H17.9943C17.169 11.5 16.5 10.831 16.5 10.0057V5.99598ZM4 15.75C4 15.3358 4.33579 15 4.75 15H7.75C8.16421 15 8.5 15.3358 8.5 15.75C8.5 16.1642 8.16421 16.5 7.75 16.5H5.5V18.0028H7.25C7.66421 18.0028 8 18.3386 8 18.7528C8 19.167 7.66421 19.5028 7.25 19.5028H5.5V21.2312C5.5 21.6454 5.16421 21.9812 4.75 21.9812C4.33579 21.9812 4 21.6454 4 21.2312V15.75ZM10.25 15C9.83579 15 9.5 15.3358 9.5 15.75V21.25C9.5 21.6642 9.83579 22 10.25 22C10.6642 22 11 21.6642 11 21.25V19.5H11.75C12.9926 19.5 14 18.4927 14 17.25C14 16.0074 12.9926 15 11.75 15H10.25ZM11.75 18H11V16.5H11.75C12.1642 16.5 12.5 16.8358 12.5 17.25C12.5 17.6642 12.1642 18 11.75 18ZM15.25 17.125C15.25 15.9514 16.2014 15 17.375 15H18C19.1046 15 20 15.8955 20 17C20 17.4142 19.6642 17.75 19.25 17.75C18.8358 17.75 18.5 17.4142 18.5 17C18.5 16.7239 18.2761 16.5 18 16.5H17.375C17.0298 16.5 16.75 16.7798 16.75 17.125C16.75 17.4702 17.0298 17.75 17.375 17.75H17.875C19.0486 17.75 20 18.7014 20 19.875C20 21.0486 19.0486 22 17.875 22H17.25C16.1454 22 15.25 21.1046 15.25 20C15.25 19.5858 15.5858 19.25 16 19.25C16.4142 19.25 16.75 19.5858 16.75 20C16.75 20.2761 16.9739 20.5 17.25 20.5H17.875C18.2202 20.5 18.5 20.2202 18.5 19.875C18.5 19.5298 18.2202 19.25 17.875 19.25H17.375C16.2014 19.25 15.25 18.2986 15.25 17.125Z" 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/fps_120_24_regular.svg";

Details

Name	FPS 120
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_fps_120_24_regular.svg`
Filled file	`ic_fluent_fps_120_24_filled.svg`
React components	`Fps12024Regular, Fps12024Filled`
License	MIT (© Microsoft Corporation)

Keywords

camera frames per second

FPS 120 icon

Use the FPS 120 icon in React

Use it in HTML

Use it from the SVG package

Details

Keywords

Related icons