24fps select icon

24fps-select from Material Symbols by Google · Regular · Images · Apache-2.0 Free for personal and commercial use.

Name: 24fps-select
Set: Material Symbols
Style: Regular
Category: Images
Viewbox: 24×24
License: Apache 2.0
Aliases: 24fps-select-outline, 24fps-select-outline-sharp, 24fps-select-sharp

1 other variant in Material Symbols

The same icon in other sets

More images icons from Material Symbols

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24mp 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp 7mp

Use the 24fps select icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 22v-5h2v5zm4 0v-5h2v5zm4 0v-5h2v5zm4 0v-5h6v5zm2-8v-3h-4V4h2v5h2V4h2v5h2v2h-2v3zM5 14v-4q0-.825.588-1.412T7 8h2V6H5V4h4q.825 0 1.413.588T11 6v2q0 .825-.587 1.413T9 10H7v2h4v2z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbols24fpsSelect(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 22v-5h2v5zm4 0v-5h2v5zm4 0v-5h2v5zm4 0v-5h6v5zm2-8v-3h-4V4h2v5h2V4h2v5h2v2h-2v3zM5 14v-4q0-.825.588-1.412T7 8h2V6H5V4h4q.825 0 1.413.588T11 6v2q0 .825-.587 1.413T9 10H7v2h4v2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 22v-5h2v5zm4 0v-5h2v5zm4 0v-5h2v5zm4 0v-5h6v5zm2-8v-3h-4V4h2v5h2V4h2v5h2v2h-2v3zM5 14v-4q0-.825.588-1.412T7 8h2V6H5V4h4q.825 0 1.413.588T11 6v2q0 .825-.587 1.413T9 10H7v2h4v2z"/></svg>
</template>

CSS

.icon-24fps-select {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2022v-5h2v5zm4%200v-5h2v5zm4%200v-5h2v5zm4%200v-5h6v5zm2-8v-3h-4V4h2v5h2V4h2v5h2v2h-2v3zM5%2014v-4q0-.825.588-1.412T7%208h2V6H5V4h4q.825%200%201.413.588T11%206v2q0%20.825-.587%201.413T9%2010H7v2h4v2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2022v-5h2v5zm4%200v-5h2v5zm4%200v-5h2v5zm4%200v-5h6v5zm2-8v-3h-4V4h2v5h2V4h2v5h2v2h-2v3zM5%2014v-4q0-.825.588-1.412T7%208h2V6H5V4h4q.825%200%201.413.588T11%206v2q0%20.825-.587%201.413T9%2010H7v2h4v2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/24fps-select.svg?color=%231a73e8&size=48