FPS 240 icon (Filled & Regular)

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

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

Use it in HTML

Reference the SVG file directly:

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

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="M2.6267 5.9898C3.0309 6.05716 3.41341 5.78776 3.4875 5.3864L3.49019 5.37557C3.49453 5.35896 3.50356 5.32799 3.51932 5.28746C3.55128 5.20529 3.60748 5.09258 3.70118 4.98014C3.86723 4.78087 4.21635 4.5 5.00002 4.5C5.82845 4.5 6.50003 5.17157 6.50003 6C6.50003 6.61819 6.29892 7.0179 5.99394 7.35073C5.66028 7.71486 5.20544 8.00016 4.62976 8.36125L4.60145 8.37901C4.05058 8.72458 3.38917 9.14264 2.88121 9.7414C2.34656 10.3716 2 11.1753 2 12.25C2 12.6642 2.33579 13 2.75 13H7.25003C7.66425 13 8.00004 12.6642 8.00004 12.25C8.00004 11.8358 7.66425 11.5 7.25003 11.5H3.59743C3.68945 11.1809 3.84068 10.9291 4.02506 10.7118C4.36085 10.316 4.82445 10.0098 5.39858 9.64968L5.4945 9.58962C6.01177 9.26601 6.62494 8.88241 7.09987 8.36411C7.63863 7.77615 8.00004 7.02155 8.00004 6C8.00004 4.34315 6.65688 3 5.00002 3C3.78367 3 3.00779 3.46913 2.54884 4.01986C2.33003 4.28242 2.19873 4.54471 2.12131 4.74379C2.08238 4.84388 2.05626 4.9301 2.03912 4.99553C2.03053 5.02833 2.02413 5.05617 2.01947 5.07824C2.01714 5.08928 2.01524 5.0989 2.01371 5.107L2.0117 5.11802L2.01089 5.12265L2.01053 5.12475L2.01036 5.12574C1.94227 5.53432 2.21812 5.9217 2.6267 5.9898ZM16 5.99593C16 4.3422 17.3406 3.00159 18.9943 3.00159H19.0056C20.6594 3.00159 22 4.3422 22 5.99593V10.0057C22 11.6594 20.6594 13 19.0056 13H18.9943C17.3406 13 16 11.6594 16 10.0057V5.99593ZM18.9943 4.50159C18.169 4.50159 17.5 5.17063 17.5 5.99593V10.0057C17.5 10.831 18.169 11.5 18.9943 11.5H19.0056C19.8309 11.5 20.5 10.831 20.5 10.0057V5.99593C20.5 5.17063 19.8309 4.50159 19.0056 4.50159H18.9943ZM4.7499 15C4.33568 15 3.99989 15.3358 3.99989 15.75V21.2312C3.99989 21.6454 4.33568 21.9812 4.7499 21.9812C5.16412 21.9812 5.4999 21.6454 5.4999 21.2312V19.5028H7.24991C7.66413 19.5028 7.99992 19.167 7.99992 18.7528C7.99992 18.3386 7.66413 18.0028 7.24991 18.0028H5.4999V16.5H7.74992C8.16413 16.5 8.49992 16.1642 8.49992 15.75C8.49992 15.3358 8.16413 15 7.74992 15H4.7499ZM9.49993 15.75C9.49993 15.3358 9.83571 15 10.2499 15H11.7499C12.9926 15 14 16.0074 14 17.25C14 18.4926 12.9926 19.5 11.7499 19.5H10.9999V21.25C10.9999 21.6642 10.6641 22 10.2499 22C9.83571 22 9.49993 21.6642 9.49993 21.25V15.75ZM10.9999 18H11.7499C12.1642 18 12.4999 17.6642 12.4999 17.25C12.4999 16.8358 12.1642 16.5 11.7499 16.5H10.9999V18ZM17.375 15C16.2014 15 15.25 15.9514 15.25 17.125C15.25 18.2986 16.2014 19.25 17.375 19.25H17.875C18.2202 19.25 18.5 19.5298 18.5 19.875C18.5 20.2202 18.2202 20.5 17.875 20.5H17.25C16.9738 20.5 16.75 20.2761 16.75 20C16.75 19.5858 16.4142 19.25 16 19.25C15.5857 19.25 15.25 19.5858 15.25 20C15.25 21.1046 16.1454 22 17.25 22H17.875C19.0486 22 20 21.0486 20 19.875C20 18.7014 19.0486 17.75 17.875 17.75H17.375C17.0298 17.75 16.75 17.4702 16.75 17.125C16.75 16.7798 17.0298 16.5 17.375 16.5H18C18.2761 16.5 18.5 16.7239 18.5 17C18.5 17.4142 18.8358 17.75 19.25 17.75C19.6642 17.75 20 17.4142 20 17C20 15.8954 19.1046 15 18 15H17.375ZM14.2456 3C14.6598 3 14.9956 3.33579 14.9956 3.75V8.25084L14.9956 8.25625V12.25C14.9956 12.6642 14.6598 13 14.2456 13C13.8313 13 13.4956 12.6642 13.4956 12.25V9.00084H9.74895C9.33474 9.00084 8.99895 8.66505 8.99895 8.25084V3.7508C8.99895 3.33658 9.33474 3.0008 9.74895 3.0008C10.1632 3.0008 10.499 3.33658 10.499 3.7508V7.50084H13.4956V7.36804L13.4956 7.36264V3.75C13.4956 3.33579 13.8314 3 14.2456 3Z" 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_240_24_regular.svg";

Details

Name	FPS 240
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_fps_240_24_regular.svg`
Filled file	`ic_fluent_fps_240_24_filled.svg`
React components	`Fps24024Regular, Fps24024Filled`
License	MIT (© Microsoft Corporation)

Keywords

camera frames per second

FPS 240 icon

Use the FPS 240 icon in React

Use it in HTML

Use it from the SVG package

Details

Keywords

Related icons