Image Table icon

Use the Image Table 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 { ImageTable24Regular, ImageTable24Filled } from "@fluentui/react-icons";

export function Example() {
  return <ImageTable24Regular aria-label="Image Table" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_image_table_24_regular.svg" width="24" height="24" alt="Image Table">

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="M14 9C13.4477 9 13 9.44772 13 10C13 10.5523 13.4477 11 14 11C14.5523 11 15 10.5523 15 10C15 9.44772 14.5523 9 14 9ZM3 6.25C3 4.45507 4.45507 3 6.25 3H17.75C19.5449 3 21 4.45507 21 6.25V17.75C21 19.5449 19.5449 21 17.75 21H6.25C4.45507 21 3 19.5449 3 17.75V6.25ZM6.25 4.5C5.2835 4.5 4.5 5.2835 4.5 6.25V6.5H6.5V4.5H6.25ZM4.5 16H6.5V8H4.5V16ZM16 6.5V4.5H8V6.5H16ZM17.5 6.5H19.5V6.25C19.5 5.2835 18.7165 4.5 17.75 4.5H17.5V6.5ZM17.5 8V16H19.5V8H17.5ZM17.5 17.5V19.5H17.75C18.7165 19.5 19.5 18.7165 19.5 17.75V17.5H17.5ZM16 17.5H8V19.5H16V17.5ZM6.5 17.5H4.5V17.75C4.5 18.7165 5.2835 19.5 6.25 19.5H6.5V17.5ZM8 15.068L10.409 12.659C11.2877 11.7803 12.7123 11.7803 13.591 12.659L16 15.068V8H8V15.068ZM14.8107 16L12.5303 13.7197C12.2374 13.4268 11.7626 13.4268 11.4697 13.7197L9.18934 16H14.8107Z" 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/image_table_24_regular.svg";

Details

Keywords

imagepicturepicphototablecellplacein