Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Themify Icons · TfiLayoutMediaOverlay

Layout Media Overlay icon

A free layout media overlay icon from Themify Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asgrid iconapps icondashboard icontiles iconcategory iconimage iconpicture iconphoto icon
License
MIT license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/themify/layout-media-overlay.json
components/icons/themify-layout-media-overlay.tsx
import * as React from "react";

/**
 * Layout Media Overlay from Themify Icons (https://github.com/lykmapipo/themify-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/themify/layout-media-overlay. Sized in em, colored by currentColor.
 */
export function TfiLayoutMediaOverlayIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      viewBox="0 0 17 17"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g />
      <path
        d="M15 12h-13v-1h13v1zM12 12.993h-10v1h10v-1zM17 1v15h-17v-15h17zM16 2h-15v13h15v-13z"
      />
    </svg>
  );
}
With react-icons
import { TfiLayoutMediaOverlay } from "react-icons/tfi";

export function Example() {
  return <TfiLayoutMediaOverlay className="size-5" />;
}
layout-media-overlay.svg
<svg
  version="1.1"
  viewBox="0 0 17 17"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <g />
  <path
    d="M15 12h-13v-1h13v1zM12 12.993h-10v1h10v-1zM17 1v15h-17v-15h17zM16 2h-15v13h15v-13z"
  />
</svg>
Attribution
"Layout Media Overlay" icon from Themify Icons (https://github.com/lykmapipo/themify-icons), licensed under MIT license.

Related icons: grid, apps, dashboard, tiles