{
 "name": "mirror-rectangular",
 "title": "Mirror rectangular",
 "component": "MirrorRectangularIcon",
 "url": "https://gentleface.com/icons/mirror-rectangular",
 "category": "household",
 "motif": "mirror",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "20 px drawn",
    "24 px drawn",
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "6e467306205d",
 "use_for": [
  "mirror",
  "wall mirror",
  "bathroom mirror",
  "round mirror",
  "vanity mirror"
 ],
 "alternatives": [
  {
   "icon": "mirror-round",
   "why": "variant of mirror-rectangular: round 4 (r4-08)",
   "concept": "round-mirror"
  }
 ],
 "family": [
  "mirror-round"
 ],
 "tags": [
  "mirror",
  "wall-mirror",
  "bathroom-mirror",
  "looking-glass",
  "reflection",
  "vanity",
  "bathroom",
  "furniture"
 ],
 "size": 16,
 "styles": [
  "line-round",
  "line-soft",
  "line-sharp",
  "solid-round",
  "solid-soft",
  "solid-sharp"
 ],
 "default_style": "line-round",
 "svg": {
  "line-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M12.86 13.736C12.758 13.993 12.609 14.219 12.414 14.414C12.219 14.609 11.993 14.758 11.736 14.86C11.5 14.953 11.254 15 11 15L5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 3C3 2.746 3.047 2.5 3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L11 1C11.254 1 11.5 1.047 11.736 1.14C11.993 1.242 12.219 1.391 12.414 1.586C12.609 1.781 12.758 2.007 12.86 2.264C12.953 2.5 13 2.746 13 3L13 13C13 13.254 12.953 13.5 12.86 13.736ZM4.293 13.707C4.488 13.902 4.724 14 5 14L11 14C11.276 14 11.512 13.902 11.707 13.707C11.902 13.512 12 13.276 12 13L12 3C12 2.724 11.902 2.488 11.707 2.293C11.512 2.098 11.276 2 11 2L5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 13C4 13.276 4.098 13.512 4.293 13.707ZM6.854 6.854C6.754 6.953 6.636 7.003 6.5 7.003C6.364 7.003 6.246 6.953 6.146 6.854C6.047 6.754 5.997 6.636 5.997 6.5C5.997 6.364 6.047 6.246 6.146 6.146L8.146 4.146C8.246 4.047 8.364 3.997 8.5 3.997C8.636 3.997 8.754 4.047 8.854 4.146C8.951 4.244 9 4.362 9 4.5C9 4.638 8.951 4.756 8.854 4.854L6.854 6.854ZM9.146 7.146C9.246 7.047 9.364 6.997 9.5 6.997C9.636 6.997 9.754 7.047 9.854 7.146C9.951 7.244 10 7.362 10 7.5C10 7.638 9.951 7.756 9.854 7.854L6.854 10.854C6.756 10.951 6.638 11 6.5 11C6.362 11 6.244 10.951 6.146 10.854C6.047 10.754 5.997 10.636 5.997 10.5C5.997 10.364 6.047 10.246 6.146 10.146L9.146 7.146Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M12.707 14.707C12.512 14.902 12.276 15 12 15L4 15C3.724 15 3.488 14.902 3.293 14.707C3.098 14.512 3 14.276 3 14L3 2C3 1.724 3.098 1.488 3.293 1.293C3.488 1.098 3.724 1 4 1L12 1C12.276 1 12.512 1.098 12.707 1.293C12.902 1.488 13 1.724 13 2L13 14C13 14.276 12.902 14.512 12.707 14.707ZM12 14L12 2L4 2L4 14L12 14ZM6.854 6.854C6.754 6.953 6.636 7.003 6.5 7.003C6.364 7.003 6.246 6.953 6.146 6.854C6.047 6.754 5.997 6.636 5.997 6.5C5.997 6.364 6.047 6.246 6.146 6.146L8.146 4.146C8.246 4.047 8.364 3.997 8.5 3.997C8.636 3.997 8.754 4.047 8.854 4.146C8.951 4.244 9 4.362 9 4.5C9 4.638 8.951 4.756 8.854 4.854L6.854 6.854ZM9.146 7.146C9.246 7.047 9.364 6.997 9.5 6.997C9.636 6.997 9.754 7.047 9.854 7.146C9.951 7.244 10 7.362 10 7.5C10 7.638 9.951 7.756 9.854 7.854L6.854 10.854C6.756 10.951 6.638 11 6.5 11C6.362 11 6.244 10.951 6.146 10.854C6.047 10.754 5.997 10.636 5.997 10.5C5.997 10.364 6.047 10.246 6.146 10.146L9.146 7.146Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M13 15L3 15L3 1L13 1L13 15ZM4 14L12 14L12 2L4 2L4 14ZM8.146 4.146L8.854 4.854L6.854 6.854L6.146 6.146L8.146 4.146ZM9.146 7.146L9.854 7.854L6.854 10.854L6.146 10.146L9.146 7.146Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M11 1C11.254 1 11.5 1.047 11.736 1.14C11.993 1.242 12.219 1.391 12.414 1.586C12.609 1.781 12.758 2.007 12.86 2.264C12.953 2.5 13 2.746 13 3L13 13C13 13.254 12.953 13.5 12.86 13.736C12.758 13.993 12.609 14.219 12.414 14.414C12.219 14.609 11.993 14.758 11.736 14.86C11.5 14.953 11.254 15 11 15L5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 3C3 2.746 3.047 2.5 3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L11 1ZM7.384 6.677L8.677 5.384C8.97 5.091 8.97 4.616 8.677 4.323C8.536 4.183 8.345 4.104 8.146 4.104C7.947 4.104 7.757 4.183 7.616 4.323L6.323 5.616C6.03 5.909 6.03 6.384 6.323 6.677C6.616 6.97 7.091 6.97 7.384 6.677ZM9.677 8.384C9.97 8.091 9.97 7.616 9.677 7.323C9.536 7.183 9.345 7.104 9.146 7.104C8.947 7.104 8.757 7.183 8.616 7.323L6.323 9.616C6.03 9.909 6.03 10.384 6.323 10.677C6.616 10.97 7.091 10.97 7.384 10.677L9.677 8.384Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M12 1C12.276 1 12.512 1.098 12.707 1.293C12.902 1.488 13 1.724 13 2L13 14C13 14.276 12.902 14.512 12.707 14.707C12.512 14.902 12.276 15 12 15L4 15C3.724 15 3.488 14.902 3.293 14.707C3.098 14.512 3 14.276 3 14L3 2C3 1.724 3.098 1.488 3.293 1.293C3.488 1.098 3.724 1 4 1L12 1ZM7.119 6.942L8.942 5.119C9.012 5.048 9.052 4.953 9.052 4.854C9.052 4.754 9.012 4.659 8.942 4.588L8.412 4.058C8.265 3.912 8.028 3.912 7.881 4.058L6.058 5.881C5.988 5.952 5.948 6.047 5.948 6.146C5.948 6.246 5.988 6.341 6.058 6.412L6.588 6.942C6.735 7.088 6.972 7.088 7.119 6.942ZM9.942 8.119C10.012 8.048 10.052 7.953 10.052 7.854C10.052 7.754 10.012 7.659 9.942 7.588L9.412 7.058C9.265 6.912 9.028 6.912 8.881 7.058L6.058 9.881C5.912 10.028 5.912 10.265 6.058 10.412L6.588 10.942C6.659 11.012 6.754 11.052 6.854 11.052C6.953 11.052 7.048 11.012 7.119 10.942L9.942 8.119Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M13 15L3 15L3 1L13 1L13 15ZM5.793 6.146L6.854 7.207L9.207 4.854L8.146 3.793L5.793 6.146ZM5.793 10.146L6.854 11.207L10.207 7.854L9.146 6.793L5.793 10.146Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/mirror-rectangular.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/mirror-rectangular.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/mirror-rectangular.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/mirror-rectangular.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/mirror-rectangular.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/mirror-rectangular.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/mirror-rectangular.png",
   "32": "https://gentleface.com/png/line-round/32/mirror-rectangular.png",
   "48": "https://gentleface.com/png/line-round/48/mirror-rectangular.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/mirror-rectangular.png",
   "32": "https://gentleface.com/png/line-soft/32/mirror-rectangular.png",
   "48": "https://gentleface.com/png/line-soft/48/mirror-rectangular.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/mirror-rectangular.png",
   "32": "https://gentleface.com/png/line-sharp/32/mirror-rectangular.png",
   "48": "https://gentleface.com/png/line-sharp/48/mirror-rectangular.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/mirror-rectangular.png",
   "32": "https://gentleface.com/png/solid-round/32/mirror-rectangular.png",
   "48": "https://gentleface.com/png/solid-round/48/mirror-rectangular.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/mirror-rectangular.png",
   "32": "https://gentleface.com/png/solid-soft/32/mirror-rectangular.png",
   "48": "https://gentleface.com/png/solid-soft/48/mirror-rectangular.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/mirror-rectangular.png",
   "32": "https://gentleface.com/png/solid-sharp/32/mirror-rectangular.png",
   "48": "https://gentleface.com/png/solid-sharp/48/mirror-rectangular.png"
  }
 },
 "npm": {
  "react": "import { MirrorRectangularIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/mirror-rectangular.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/mirror-rectangular.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "mirror-rectangular-glint",
  "does": "A reflection passes across the glass: both glints slide off through the bottom-right corner and come back in from the top left, the second a moment behind the first, and settle in place.",
  "url": "https://gentleface.com/motion/mirror-rectangular-glint.svg",
  "style": "line-round",
  "size": 16,
  "duration": 2.8,
  "frames": [
   0.3,
   1.9
  ],
  "svg": "<svg aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.001\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 1.5L11 1.5C11.828 1.5 12.5 2.172 12.5 3L12.5 13C12.5 13.828 11.828 14.5 11 14.5L5 14.5C4.172 14.5 3.5 13.828 3.5 13L3.5 3C3.5 2.172 4.172 1.5 5 1.5L8 1.5Z\"></path><clipPath id=\"w8dGlass\"><rect x=\"4\" y=\"2\" width=\"8\" height=\"12\"/></clipPath><g clip-path=\"url(#w8dGlass)\"><g><animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.125;0.357;0.358;0.607;1\" values=\"0 0;0 0;7 7;-7 -7;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .9 .4;0 0 1 1;.15 .75 .25 1;0 0 1 1\"/><path d=\"M6.5 6.5L8.5 4.5\"></path></g><g><animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.154;0.386;0.386;0.636;1\" values=\"0 0;0 0;7 7;-7 -7;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .9 .4;0 0 1 1;.15 .75 .25 1;0 0 1 1\"/><path d=\"M6.5 10.5L9.5 7.5\"></path></g></g></svg>",
  "react": "// Gentleface \"mirror-rectangular\" animated (mirror-rectangular-glint), MIT. https://gentleface.com/icons/mirror-rectangular\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, useId, type SVGProps } from 'react';\n\nexport const MirrorRectangularGlintIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function MirrorRectangularGlintIcon(props, ref) {\n  const uid = useId().replace(/\\W/g, '');\n  return (\n    <svg ref={ref} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.001\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\" {...props}>\n      <path d=\"M8 1.5L11 1.5C11.828 1.5 12.5 2.172 12.5 3L12.5 13C12.5 13.828 11.828 14.5 11 14.5L5 14.5C4.172 14.5 3.5 13.828 3.5 13L3.5 3C3.5 2.172 4.172 1.5 5 1.5L8 1.5Z\">\n      </path>\n      <clipPath id={`${uid}w8dGlass`}>\n      <rect x=\"4\" y=\"2\" width=\"8\" height=\"12\"/>\n      </clipPath>\n      <g clipPath={`url(#${uid}w8dGlass)`}>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.125;0.357;0.358;0.607;1\" values=\"0 0;0 0;7 7;-7 -7;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .9 .4;0 0 1 1;.15 .75 .25 1;0 0 1 1\"/>\n      <path d=\"M6.5 6.5L8.5 4.5\">\n      </path>\n      </g>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.154;0.386;0.386;0.636;1\" values=\"0 0;0 0;7 7;-7 -7;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .9 .4;0 0 1 1;.15 .75 .25 1;0 0 1 1\"/>\n      <path d=\"M6.5 10.5L9.5 7.5\">\n      </path>\n      </g>\n      </g>\n    </svg>\n  );\n});",
  "how_to_play": "https://gentleface.com/animated-icons.md"
 }
}