Gentleface › Transportation › car-mirror-heat

car-mirror-heat icon

Car mirror heat: heated mirrors, mirror heating. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.625 4.5C7.625 4.249 7.666 4.009 7.749 3.782C7.84 3.533 7.972 3.321 8.146 3.146C8.216 3.077 8.271 2.987 8.311 2.876C8.354 2.759 8.375 2.634 8.375 2.5C8.375 2.366 8.354 2.241 8.311 2.124C8.271 2.013 8.216 1.923 8.146 1.854C8.049 1.756 8 1.638 8 1.5C8 1.362 8.049 1.244 8.146 1.146C8.246 1.047 8.364 0.997 8.5 0.997C8.636 0.997 8.754 1.047 8.854 1.146C9.028 1.321 9.16 1.533 9.251 1.782C9.334 2.009 9.375 2.249 9.375 2.5C9.375 2.751 9.334 2.991 9.251 3.218C9.16 3.467 9.028 3.679 8.854 3.854C8.784 3.923 8.729 4.013 8.689 4.124C8.646 4.241 8.625 4.366 8.625 4.5C8.625 4.634 8.646 4.759 8.689 4.876C8.729 4.987 8.784 5.077 8.854 5.146C8.951 5.244 9 5.362 9 5.5C9 5.638 8.951 5.756 8.854 5.854C8.754 5.953 8.636 6.003 8.5 6.003C8.364 6.003 8.246 5.953 8.146 5.854C7.972 5.679 7.84 5.467 7.749 5.218C7.666 4.991 7.625 4.751 7.625 4.5ZM11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C10.972 5.679 10.84 5.467 10.749 5.218C10.666 4.991 10.625 4.751 10.625 4.5C10.625 4.249 10.666 4.009 10.749 3.782C10.84 3.533 10.972 3.321 11.146 3.146C11.216 3.077 11.271 2.987 11.311 2.876C11.354 2.759 11.375 2.634 11.375 2.5C11.375 2.366 11.354 2.241 11.311 2.124C11.271 2.013 11.216 1.923 11.146 1.854C11.049 1.756 11 1.638 11 1.5C11 1.362 11.049 1.244 11.146 1.146C11.246 1.047 11.364 0.997 11.5 0.997C11.636 0.997 11.754 1.047 11.854 1.146C12.028 1.321 12.16 1.533 12.251 1.782C12.334 2.009 12.375 2.249 12.375 2.5C12.375 2.751 12.334 2.991 12.251 3.218C12.16 3.467 12.028 3.679 11.854 3.854C11.784 3.923 11.729 4.013 11.689 4.124C11.646 4.241 11.625 4.366 11.625 4.5C11.625 4.634 11.646 4.759 11.689 4.876C11.729 4.987 11.784 5.077 11.854 5.146C11.951 5.244 12 5.362 12 5.5C12 5.638 11.951 5.756 11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003ZM5.146 5.854C4.972 5.679 4.84 5.467 4.749 5.218C4.666 4.991 4.625 4.751 4.625 4.5C4.625 4.249 4.666 4.009 4.749 3.782C4.84 3.533 4.972 3.321 5.146 3.146C5.216 3.077 5.271 2.987 5.311 2.876C5.354 2.759 5.375 2.634 5.375 2.5C5.375 2.366 5.354 2.241 5.311 2.124C5.271 2.013 5.216 1.923 5.146 1.854C5.049 1.756 5 1.638 5 1.5C5 1.362 5.049 1.244 5.146 1.146C5.244 1.049 5.362 1 5.5 1C5.638 1 5.756 1.049 5.854 1.146C6.028 1.321 6.16 1.533 6.251 1.782C6.334 2.009 6.375 2.249 6.375 2.5C6.375 2.751 6.334 2.991 6.251 3.218C6.16 3.467 6.028 3.679 5.854 3.854C5.784 3.923 5.729 4.013 5.689 4.124C5.646 4.241 5.625 4.366 5.625 4.5C5.625 4.634 5.646 4.759 5.689 4.876C5.729 4.987 5.784 5.077 5.854 5.146C5.953 5.246 6.003 5.364 6.003 5.5C6.003 5.636 5.953 5.754 5.854 5.854C5.754 5.953 5.636 6.003 5.5 6.003C5.364 6.003 5.246 5.953 5.146 5.854ZM12.573 14.597C12.216 14.866 11.815 15 11.369 15L4 15C3.746 15 3.5 14.953 3.264 14.86C3.007 14.758 2.781 14.609 2.586 14.414C2.391 14.219 2.242 13.993 2.14 13.736C2.047 13.5 2 13.254 2 13L2 9C2 8.746 2.047 8.5 2.14 8.264C2.242 8.007 2.391 7.781 2.586 7.586C2.781 7.391 3.007 7.242 3.264 7.14C3.5 7.047 3.746 7 4 7L12.511 7C12.807 7 13.089 7.062 13.356 7.187C13.657 7.328 13.908 7.53 14.108 7.796C14.308 8.061 14.434 8.357 14.487 8.685C14.533 8.977 14.516 9.265 14.434 9.549L13.292 13.549C13.169 13.979 12.929 14.328 12.573 14.597ZM3.293 13.707C3.488 13.902 3.724 14 4 14L11.369 14C11.592 14 11.793 13.933 11.971 13.798C12.149 13.664 12.269 13.489 12.33 13.275L13.473 9.275C13.514 9.133 13.522 8.989 13.499 8.843C13.473 8.679 13.41 8.53 13.31 8.398C13.21 8.265 13.084 8.164 12.934 8.094C12.8 8.031 12.659 8 12.511 8L4 8C3.724 8 3.488 8.098 3.293 8.293C3.098 8.488 3 8.724 3 9L3 13C3 13.276 3.098 13.512 3.293 13.707Z"/></svg>

React

// Gentleface "car-mirror-heat" (line-round), MIT. https://gentleface.com/icons/car-mirror-heat
import type { SVGProps } from 'react';

export function CarMirrorHeatIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.625 4.5C7.625 4.249 7.666 4.009 7.749 3.782C7.84 3.533 7.972 3.321 8.146 3.146C8.216 3.077 8.271 2.987 8.311 2.876C8.354 2.759 8.375 2.634 8.375 2.5C8.375 2.366 8.354 2.241 8.311 2.124C8.271 2.013 8.216 1.923 8.146 1.854C8.049 1.756 8 1.638 8 1.5C8 1.362 8.049 1.244 8.146 1.146C8.246 1.047 8.364 0.997 8.5 0.997C8.636 0.997 8.754 1.047 8.854 1.146C9.028 1.321 9.16 1.533 9.251 1.782C9.334 2.009 9.375 2.249 9.375 2.5C9.375 2.751 9.334 2.991 9.251 3.218C9.16 3.467 9.028 3.679 8.854 3.854C8.784 3.923 8.729 4.013 8.689 4.124C8.646 4.241 8.625 4.366 8.625 4.5C8.625 4.634 8.646 4.759 8.689 4.876C8.729 4.987 8.784 5.077 8.854 5.146C8.951 5.244 9 5.362 9 5.5C9 5.638 8.951 5.756 8.854 5.854C8.754 5.953 8.636 6.003 8.5 6.003C8.364 6.003 8.246 5.953 8.146 5.854C7.972 5.679 7.84 5.467 7.749 5.218C7.666 4.991 7.625 4.751 7.625 4.5ZM11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C10.972 5.679 10.84 5.467 10.749 5.218C10.666 4.991 10.625 4.751 10.625 4.5C10.625 4.249 10.666 4.009 10.749 3.782C10.84 3.533 10.972 3.321 11.146 3.146C11.216 3.077 11.271 2.987 11.311 2.876C11.354 2.759 11.375 2.634 11.375 2.5C11.375 2.366 11.354 2.241 11.311 2.124C11.271 2.013 11.216 1.923 11.146 1.854C11.049 1.756 11 1.638 11 1.5C11 1.362 11.049 1.244 11.146 1.146C11.246 1.047 11.364 0.997 11.5 0.997C11.636 0.997 11.754 1.047 11.854 1.146C12.028 1.321 12.16 1.533 12.251 1.782C12.334 2.009 12.375 2.249 12.375 2.5C12.375 2.751 12.334 2.991 12.251 3.218C12.16 3.467 12.028 3.679 11.854 3.854C11.784 3.923 11.729 4.013 11.689 4.124C11.646 4.241 11.625 4.366 11.625 4.5C11.625 4.634 11.646 4.759 11.689 4.876C11.729 4.987 11.784 5.077 11.854 5.146C11.951 5.244 12 5.362 12 5.5C12 5.638 11.951 5.756 11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003ZM5.146 5.854C4.972 5.679 4.84 5.467 4.749 5.218C4.666 4.991 4.625 4.751 4.625 4.5C4.625 4.249 4.666 4.009 4.749 3.782C4.84 3.533 4.972 3.321 5.146 3.146C5.216 3.077 5.271 2.987 5.311 2.876C5.354 2.759 5.375 2.634 5.375 2.5C5.375 2.366 5.354 2.241 5.311 2.124C5.271 2.013 5.216 1.923 5.146 1.854C5.049 1.756 5 1.638 5 1.5C5 1.362 5.049 1.244 5.146 1.146C5.244 1.049 5.362 1 5.5 1C5.638 1 5.756 1.049 5.854 1.146C6.028 1.321 6.16 1.533 6.251 1.782C6.334 2.009 6.375 2.249 6.375 2.5C6.375 2.751 6.334 2.991 6.251 3.218C6.16 3.467 6.028 3.679 5.854 3.854C5.784 3.923 5.729 4.013 5.689 4.124C5.646 4.241 5.625 4.366 5.625 4.5C5.625 4.634 5.646 4.759 5.689 4.876C5.729 4.987 5.784 5.077 5.854 5.146C5.953 5.246 6.003 5.364 6.003 5.5C6.003 5.636 5.953 5.754 5.854 5.854C5.754 5.953 5.636 6.003 5.5 6.003C5.364 6.003 5.246 5.953 5.146 5.854ZM12.573 14.597C12.216 14.866 11.815 15 11.369 15L4 15C3.746 15 3.5 14.953 3.264 14.86C3.007 14.758 2.781 14.609 2.586 14.414C2.391 14.219 2.242 13.993 2.14 13.736C2.047 13.5 2 13.254 2 13L2 9C2 8.746 2.047 8.5 2.14 8.264C2.242 8.007 2.391 7.781 2.586 7.586C2.781 7.391 3.007 7.242 3.264 7.14C3.5 7.047 3.746 7 4 7L12.511 7C12.807 7 13.089 7.062 13.356 7.187C13.657 7.328 13.908 7.53 14.108 7.796C14.308 8.061 14.434 8.357 14.487 8.685C14.533 8.977 14.516 9.265 14.434 9.549L13.292 13.549C13.169 13.979 12.929 14.328 12.573 14.597ZM3.293 13.707C3.488 13.902 3.724 14 4 14L11.369 14C11.592 14 11.793 13.933 11.971 13.798C12.149 13.664 12.269 13.489 12.33 13.275L13.473 9.275C13.514 9.133 13.522 8.989 13.499 8.843C13.473 8.679 13.41 8.53 13.31 8.398C13.21 8.265 13.084 8.164 12.934 8.094C12.8 8.031 12.659 8 12.511 8L4 8C3.724 8 3.488 8.098 3.293 8.293C3.098 8.488 3 8.724 3 9L3 13C3 13.276 3.098 13.512 3.293 13.707Z" />
    </svg>
  );
}

Vue

Vue: see /icons/car-mirror-heat.md

Svelte

Svelte: see /icons/car-mirror-heat.md

HTML img

HTML img: see /icons/car-mirror-heat.md

CSS

CSS: see /icons/car-mirror-heat.md

Data URL

Data URL: see /icons/car-mirror-heat.md

Sprite

Sprite: see /icons/car-mirror-heat.md

SwiftUI

SwiftUI: see /icons/car-mirror-heat.md

Compose

Compose: see /icons/car-mirror-heat.md

Android XML

Android XML: see /icons/car-mirror-heat.md

Flutter

Flutter: see /icons/car-mirror-heat.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

heated mirrors, mirror heating

Tags

heated mirrors, mirror heating, wing mirror, side mirror, defrost, demist, heat, car, climate control

Category

Transportation

Component name

CarMirrorHeatIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 30

car car-alert car-camera car-check car-clock car-coin car-crash car-door car-electric car-eye car-fan car-front

More transportation icons

ambulance anchor barricade barricade-off bike bike-bolt bike-dock bike-off boom-barrier bulldozer bus bus-alert bus-clock bus-off bus-side bus-stop · all transportation icons

For agents

Metadata: /icons/car-mirror-heat.json · Markdown: /icons/car-mirror-heat.md · SVG: https://gentleface.com/svg/{style}/16/car-mirror-heat.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/car-mirror-heat.png

car-mirror-heat icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp