gentleface

Gentleface › Travel › seat-cool

seat-cool icon

Seat cool: ventilated seat, cooled seat, seat ventilation. 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="M10.42 7.176C10.741 7.303 11.024 7.488 11.268 7.732C11.512 7.976 11.697 8.259 11.824 8.58C11.941 8.875 12 9.182 12 9.5C12 9.818 11.941 10.125 11.824 10.42C11.697 10.741 11.512 11.024 11.268 11.268C11.024 11.512 10.741 11.697 10.42 11.824C10.125 11.941 9.818 12 9.5 12L8 12L8 13L10.5 13C10.641 13 10.759 13.048 10.856 13.144C10.952 13.241 11 13.359 11 13.5C11 13.641 10.952 13.759 10.856 13.856C10.759 13.952 10.641 14 10.5 14L4.5 14C4.359 14 4.241 13.952 4.144 13.856C4.048 13.759 4 13.641 4 13.5C4 13.359 4.048 13.241 4.144 13.144C4.241 13.048 4.359 13 4.5 13L7 13L7 12L4.703 12C4.235 12 3.817 11.853 3.452 11.56C3.086 11.267 2.853 10.891 2.751 10.434L1.012 2.608C1.004 2.573 1 2.537 1 2.5C1 2.281 1.058 2.074 1.175 1.877C1.29 1.683 1.453 1.517 1.662 1.377C2.039 1.126 2.485 1 3 1C3.515 1 3.961 1.126 4.338 1.377C4.547 1.517 4.71 1.683 4.825 1.877C4.932 2.057 4.99 2.246 4.999 2.444L5.91 7L9.5 7C9.818 7 10.125 7.059 10.42 7.176ZM3.727 10.217C3.778 10.446 3.895 10.633 4.078 10.78C4.26 10.927 4.469 11 4.703 11L9.5 11C9.691 11 9.875 10.965 10.052 10.895C10.245 10.818 10.414 10.707 10.561 10.561C10.707 10.414 10.818 10.245 10.895 10.052C10.965 9.875 11 9.691 11 9.5C11 9.309 10.965 9.125 10.895 8.948C10.818 8.755 10.707 8.586 10.561 8.439C10.414 8.293 10.245 8.182 10.052 8.105C9.875 8.035 9.691 8 9.5 8L5.91 8C5.672 8 5.46 7.924 5.276 7.773C5.092 7.622 4.976 7.43 4.929 7.196L4.01 2.598C4.003 2.566 4 2.533 4 2.5C4 2.402 3.928 2.305 3.783 2.209C3.574 2.07 3.313 2 3 2C2.687 2 2.426 2.07 2.217 2.209C2.091 2.293 2.02 2.377 2.004 2.462L3.727 10.217ZM13.707 4.707C13.902 4.512 14 4.276 14 4C14 3.724 13.902 3.488 13.707 3.293C13.512 3.098 13.276 3 13 3C12.791 3 12.6 3.06 12.429 3.179C12.257 3.299 12.135 3.457 12.062 3.653C12.013 3.785 11.927 3.88 11.803 3.937C11.68 3.993 11.552 3.997 11.42 3.949C11.288 3.9 11.193 3.813 11.136 3.69C11.079 3.566 11.075 3.438 11.124 3.306C11.269 2.914 11.514 2.598 11.857 2.359C12.201 2.12 12.582 2 13 2C13.254 2 13.5 2.047 13.736 2.14C13.993 2.242 14.219 2.391 14.414 2.586C14.609 2.781 14.758 3.007 14.86 3.264C14.953 3.5 15 3.746 15 4C15 4.254 14.953 4.5 14.86 4.736C14.758 4.993 14.609 5.219 14.414 5.414C14.219 5.609 13.993 5.758 13.736 5.86C13.5 5.953 13.254 6 13 6L8.5 6C8.359 6 8.241 5.952 8.144 5.856C8.048 5.759 8 5.641 8 5.5C8 5.359 8.048 5.241 8.144 5.144C8.241 5.048 8.359 5 8.5 5L13 5C13.276 5 13.512 4.902 13.707 4.707Z"/></svg>
React
// Gentleface "seat-cool" (line-round), MIT. https://gentleface.com/icons/seat-cool
import type { SVGProps } from 'react';

export function SeatCoolIcon(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="M10.42 7.176C10.741 7.303 11.024 7.488 11.268 7.732C11.512 7.976 11.697 8.259 11.824 8.58C11.941 8.875 12 9.182 12 9.5C12 9.818 11.941 10.125 11.824 10.42C11.697 10.741 11.512 11.024 11.268 11.268C11.024 11.512 10.741 11.697 10.42 11.824C10.125 11.941 9.818 12 9.5 12L8 12L8 13L10.5 13C10.641 13 10.759 13.048 10.856 13.144C10.952 13.241 11 13.359 11 13.5C11 13.641 10.952 13.759 10.856 13.856C10.759 13.952 10.641 14 10.5 14L4.5 14C4.359 14 4.241 13.952 4.144 13.856C4.048 13.759 4 13.641 4 13.5C4 13.359 4.048 13.241 4.144 13.144C4.241 13.048 4.359 13 4.5 13L7 13L7 12L4.703 12C4.235 12 3.817 11.853 3.452 11.56C3.086 11.267 2.853 10.891 2.751 10.434L1.012 2.608C1.004 2.573 1 2.537 1 2.5C1 2.281 1.058 2.074 1.175 1.877C1.29 1.683 1.453 1.517 1.662 1.377C2.039 1.126 2.485 1 3 1C3.515 1 3.961 1.126 4.338 1.377C4.547 1.517 4.71 1.683 4.825 1.877C4.932 2.057 4.99 2.246 4.999 2.444L5.91 7L9.5 7C9.818 7 10.125 7.059 10.42 7.176ZM3.727 10.217C3.778 10.446 3.895 10.633 4.078 10.78C4.26 10.927 4.469 11 4.703 11L9.5 11C9.691 11 9.875 10.965 10.052 10.895C10.245 10.818 10.414 10.707 10.561 10.561C10.707 10.414 10.818 10.245 10.895 10.052C10.965 9.875 11 9.691 11 9.5C11 9.309 10.965 9.125 10.895 8.948C10.818 8.755 10.707 8.586 10.561 8.439C10.414 8.293 10.245 8.182 10.052 8.105C9.875 8.035 9.691 8 9.5 8L5.91 8C5.672 8 5.46 7.924 5.276 7.773C5.092 7.622 4.976 7.43 4.929 7.196L4.01 2.598C4.003 2.566 4 2.533 4 2.5C4 2.402 3.928 2.305 3.783 2.209C3.574 2.07 3.313 2 3 2C2.687 2 2.426 2.07 2.217 2.209C2.091 2.293 2.02 2.377 2.004 2.462L3.727 10.217ZM13.707 4.707C13.902 4.512 14 4.276 14 4C14 3.724 13.902 3.488 13.707 3.293C13.512 3.098 13.276 3 13 3C12.791 3 12.6 3.06 12.429 3.179C12.257 3.299 12.135 3.457 12.062 3.653C12.013 3.785 11.927 3.88 11.803 3.937C11.68 3.993 11.552 3.997 11.42 3.949C11.288 3.9 11.193 3.813 11.136 3.69C11.079 3.566 11.075 3.438 11.124 3.306C11.269 2.914 11.514 2.598 11.857 2.359C12.201 2.12 12.582 2 13 2C13.254 2 13.5 2.047 13.736 2.14C13.993 2.242 14.219 2.391 14.414 2.586C14.609 2.781 14.758 3.007 14.86 3.264C14.953 3.5 15 3.746 15 4C15 4.254 14.953 4.5 14.86 4.736C14.758 4.993 14.609 5.219 14.414 5.414C14.219 5.609 13.993 5.758 13.736 5.86C13.5 5.953 13.254 6 13 6L8.5 6C8.359 6 8.241 5.952 8.144 5.856C8.048 5.759 8 5.641 8 5.5C8 5.359 8.048 5.241 8.144 5.144C8.241 5.048 8.359 5 8.5 5L13 5C13.276 5 13.512 4.902 13.707 4.707Z" />
    </svg>
  );
}
Vue
Vue: see /icons/seat-cool.md
Svelte
Svelte: see /icons/seat-cool.md
HTML img
HTML img: see /icons/seat-cool.md
CSS
CSS: see /icons/seat-cool.md
Data URL
Data URL: see /icons/seat-cool.md
Sprite
Sprite: see /icons/seat-cool.md
SwiftUI
SwiftUI: see /icons/seat-cool.md
Compose
Compose: see /icons/seat-cool.md
Android XML
Android XML: see /icons/seat-cool.md
Flutter
Flutter: see /icons/seat-cool.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
ventilated seat, cooled seat, seat ventilation
Tags
ventilated seat, cooled seat, seat ventilation, seat cooling, air, cool, seat, car, climate control
Category
Travel
Component name
SeatCoolIcon
History
  • 20 px drawn, 24 px drawn, added

Family 4

More travel icons

For agents

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