FPS 60 icon (Filled & Regular)

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

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

Use it in HTML

Reference the SVG file directly:

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

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="M11.75 14.9992C12.9926 14.9992 14 16.0066 14 17.2492C14 18.4401 13.0748 19.4148 11.904 19.494L11.75 19.4992H11V21.2492C11 21.6289 10.7178 21.9427 10.3518 21.9924L10.25 21.9992C9.8703 21.9992 9.55651 21.717 9.50685 21.351L9.5 21.2492V15.7492C9.5 15.3695 9.78215 15.0557 10.1482 15.006L10.25 14.9992H11.75ZM18 14.9992C19.1046 14.9992 20 15.8946 20 16.9992C20 17.4134 19.6642 17.7492 19.25 17.7492C18.8703 17.7492 18.5565 17.467 18.5068 17.101L18.5 16.9992C18.5 16.7537 18.3231 16.5496 18.0899 16.5073L18 16.4992H17.375C17.0298 16.4992 16.75 16.779 16.75 17.1242C16.75 17.438 16.9813 17.6978 17.2826 17.7424L17.375 17.7492H17.875C19.0486 17.7492 20 18.7006 20 19.8742C20 20.9968 19.1295 21.9161 18.0268 21.9939L17.875 21.9992H17.25C16.1454 21.9992 15.25 21.1038 15.25 19.9992C15.25 19.585 15.5858 19.2492 16 19.2492C16.3797 19.2492 16.6935 19.5314 16.7432 19.8974L16.75 19.9992C16.75 20.2447 16.9269 20.4488 17.1601 20.4911L17.25 20.4992H17.875C18.2202 20.4992 18.5 20.2194 18.5 19.8742C18.5 19.5604 18.2687 19.3006 17.9674 19.256L17.875 19.2492H17.375C16.2014 19.2492 15.25 18.2978 15.25 17.1242C15.25 16.0016 16.1205 15.0824 17.2232 15.0045L17.375 14.9992H18ZM7.75 14.9992C8.16421 14.9992 8.5 15.335 8.5 15.7492C8.5 16.1289 8.21785 16.4427 7.85177 16.4924L7.75 16.4992L5.5 16.4983V18.0013L7.25 18.002C7.66421 18.002 8 18.3378 8 18.752C8 19.1317 7.71785 19.4455 7.35177 19.4952L7.25 19.502L5.5 19.5013V21.2304C5.5 21.6101 5.21785 21.9239 4.85177 21.9736L4.75 21.9804C4.3703 21.9804 4.05651 21.6983 4.00685 21.3322L4 21.2304V15.7492C4 15.3695 4.28215 15.0557 4.64823 15.006L4.75 14.9992H7.75ZM11.75 16.4992H11V17.9992H11.75C12.1642 17.9992 12.5 17.6634 12.5 17.2492C12.5 16.8695 12.2178 16.5557 11.8518 16.5061L11.75 16.4992ZM8.00051 3C9.59818 2.99943 10.9046 4.24788 10.9964 5.82264L11.0015 5.99891V6.17106C11.0015 6.58528 10.6658 6.92106 10.2515 6.92106C9.87185 6.92106 9.55805 6.63891 9.50839 6.27283L9.50155 6.17106V5.99971L9.49463 5.85499C9.42168 5.09438 8.78072 4.49972 8.00104 4.5C7.22072 4.50028 6.5796 5.09573 6.50687 5.85699L6.5 6.00157L6.4999 7.39971C6.94121 7.1445 7.45355 6.99843 8 6.99843C9.65728 6.99843 11.0008 8.34192 11.0008 9.9992C11.0008 11.6565 9.65728 13 8 13C6.40191 13 5.09559 11.7507 5.00432 10.1755L4.99923 9.9992L5 6.00157C5 4.34426 6.3432 3.00059 8.00051 3ZM15.0057 3.0008C16.6003 3.0008 17.9038 4.24736 17.9949 5.8192L18 5.99514V10.0049C18 11.5995 16.7534 12.903 15.1816 12.9941L15.0057 12.9992L14.8184 12.9941C13.3048 12.9064 12.0928 11.6944 12.0051 10.1808L12 10.0049V5.99514C12 4.40047 13.2466 3.09696 14.8184 3.00588L15.0057 3.0008ZM8 8.49843C7.2199 8.49843 6.57882 9.09363 6.5061 9.85467L6.5 9.9992C6.50417 10.833 7.17419 11.5 8 11.5C8.82885 11.5 9.50077 10.8281 9.50077 9.9992C9.50077 9.17035 8.82885 8.49843 8 8.49843ZM15.0057 4.5008H14.9943C14.2176 4.5008 13.5793 5.09344 13.5068 5.85122L13.5 5.99514V10.0049C13.5 10.7816 14.0926 11.42 14.8504 11.4924L14.9943 11.4992L15.1496 11.4924C15.86 11.4245 16.4253 10.8592 16.4932 10.1488L16.5 10.0049V5.99514C16.5 5.16984 15.831 4.5008 15.0057 4.5008Z" 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_60_24_regular.svg";

Details

Name	FPS 60
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_fps_60_24_regular.svg`
Filled file	`ic_fluent_fps_60_24_filled.svg`
React components	`Fps6024Regular, Fps6024Filled`
License	MIT (© Microsoft Corporation)

Keywords

camera frames per second

FPS 60 icon

Use the FPS 60 icon in React

Use it in HTML

Use it from the SVG package

Details

Keywords

Related icons