seat emoji
seat from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- seat
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
seatEmoji One (Colored)seat-16-filledFluent UI System IconsseatFluent EmojiseatFluent Emoji FlatseatFluent Emoji High ContrastseatFirefox OS EmojiseatIconParkseatIconPark OutlineseatIconPark SolidseatIconPark TwoToneseatMaterial Design Iconsseat-fillMingCute IconseatNoto EmojiseatOpenMojiseatPhosphorseatSimple Icons
More travel & places icons from Twitter Emoji
Use the seat emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#67757f" d="M6 19h1v7H6z"/><path fill="#9aaab4" d="M11 18v4c0 1 0 2-2 3l-2 1v-7z"/><path fill="#9aaab4" d="M11.237 15h.968c.591 0 .779.479.779 1.071v.267c0 .406-.229.776-.592.958l-4.984 2.48c-.149.074-.312.224-.95.224h-.565c-.475 0-.909-.479-.909-1.071v-.267c0-.406.229-.776.592-.958l5.182-2.591c.149-.074.313-.113.479-.113"/><path fill="#ccd6dd" d="M12.984 15.996v.498c0 .233-.185.579-.541.802l-5.105 2.478a.615.615 0 0 1-.89-.55v-.428c0-.416.204-.683.605-.891l5.213-2.584c.408-.205.718.217.718.675"/><path fill="#5dadec" d="M27 24H15.033c-2.2 0-4-1.8-4-4V5c0-2.2 1.8-4 4-4H27c2.2 0 4 1.8 4 4v15c0 2.2-1.8 4-4 4"/><path fill="#4289c1" d="M26 24H14.033c-2.2 0-4-1.8-4-4V5c0-2.2 1.8-4 4-4H26c2.2 0 4 1.8 4 4v15c0 2.2-1.8 4-4 4"/><path fill="#e1e8ed" d="M15 1h10v8H15z"/><path fill="#9aaab4" d="M27 33c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2"/><path fill="#9aaab4" d="m22.524 35.462l5.48-2.745l.996-2.003v-5.443l-6 3l-1.091 7.492zM13 33c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2"/><path fill="#9aaab4" d="m8.524 35.462l5.48-2.745l.996-2.003v-5.443l-6 3l-1.091 7.492z"/><path fill="#67757f" d="M7 36c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2m14 0c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2"/><path fill="#5dadec" d="m10.805 20.131l-.3.004L4.742 23l-.295.183L22.076 23l6-3zM24 28.623l5.48-2.745l.52-1.164v-3.145l-6 3l-.615 4.355z"/><path fill="#5dadec" d="M29 26H11c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h18c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1"/><path fill="#2a6797" d="M23 29H5c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h18c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1"/><path fill="#67757f" d="M26 19h1v7h-1z"/><path fill="#9aaab4" d="M31 18v4c0 1 0 2-2 3l-2 1v-7z"/><path fill="#9aaab4" d="M31.253 15h.968c.592 0 .779.479.779 1.071v.267c0 .406-.229.776-.592.958l-4.984 2.48c-.149.074-.312.224-.95.224h-.564c-.476 0-.91-.479-.91-1.071v-.267c0-.406.229-.776.592-.958l5.182-2.591c.149-.074.313-.113.479-.113"/><path fill="#ccd6dd" d="M33 15.996v.498c0 .233-.185.579-.541.802l-5.105 2.478a.615.615 0 0 1-.89-.55v-.428c0-.416.204-.683.605-.891l5.213-2.584c.408-.205.718.217.718.675"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSeat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#67757f" d="M6 19h1v7H6z"/><path fill="#9aaab4" d="M11 18v4c0 1 0 2-2 3l-2 1v-7z"/><path fill="#9aaab4" d="M11.237 15h.968c.591 0 .779.479.779 1.071v.267c0 .406-.229.776-.592.958l-4.984 2.48c-.149.074-.312.224-.95.224h-.565c-.475 0-.909-.479-.909-1.071v-.267c0-.406.229-.776.592-.958l5.182-2.591c.149-.074.313-.113.479-.113"/><path fill="#ccd6dd" d="M12.984 15.996v.498c0 .233-.185.579-.541.802l-5.105 2.478a.615.615 0 0 1-.89-.55v-.428c0-.416.204-.683.605-.891l5.213-2.584c.408-.205.718.217.718.675"/><path fill="#5dadec" d="M27 24H15.033c-2.2 0-4-1.8-4-4V5c0-2.2 1.8-4 4-4H27c2.2 0 4 1.8 4 4v15c0 2.2-1.8 4-4 4"/><path fill="#4289c1" d="M26 24H14.033c-2.2 0-4-1.8-4-4V5c0-2.2 1.8-4 4-4H26c2.2 0 4 1.8 4 4v15c0 2.2-1.8 4-4 4"/><path fill="#e1e8ed" d="M15 1h10v8H15z"/><path fill="#9aaab4" d="M27 33c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2"/><path fill="#9aaab4" d="m22.524 35.462l5.48-2.745l.996-2.003v-5.443l-6 3l-1.091 7.492zM13 33c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2"/><path fill="#9aaab4" d="m8.524 35.462l5.48-2.745l.996-2.003v-5.443l-6 3l-1.091 7.492z"/><path fill="#67757f" d="M7 36c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2m14 0c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2"/><path fill="#5dadec" d="m10.805 20.131l-.3.004L4.742 23l-.295.183L22.076 23l6-3zM24 28.623l5.48-2.745l.52-1.164v-3.145l-6 3l-.615 4.355z"/><path fill="#5dadec" d="M29 26H11c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h18c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1"/><path fill="#2a6797" d="M23 29H5c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h18c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1"/><path fill="#67757f" d="M26 19h1v7h-1z"/><path fill="#9aaab4" d="M31 18v4c0 1 0 2-2 3l-2 1v-7z"/><path fill="#9aaab4" d="M31.253 15h.968c.592 0 .779.479.779 1.071v.267c0 .406-.229.776-.592.958l-4.984 2.48c-.149.074-.312.224-.95.224h-.564c-.476 0-.91-.479-.91-1.071v-.267c0-.406.229-.776.592-.958l5.182-2.591c.149-.074.313-.113.479-.113"/><path fill="#ccd6dd" d="M33 15.996v.498c0 .233-.185.579-.541.802l-5.105 2.478a.615.615 0 0 1-.89-.55v-.428c0-.416.204-.683.605-.891l5.213-2.584c.408-.205.718.217.718.675"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#67757f" d="M6 19h1v7H6z"/><path fill="#9aaab4" d="M11 18v4c0 1 0 2-2 3l-2 1v-7z"/><path fill="#9aaab4" d="M11.237 15h.968c.591 0 .779.479.779 1.071v.267c0 .406-.229.776-.592.958l-4.984 2.48c-.149.074-.312.224-.95.224h-.565c-.475 0-.909-.479-.909-1.071v-.267c0-.406.229-.776.592-.958l5.182-2.591c.149-.074.313-.113.479-.113"/><path fill="#ccd6dd" d="M12.984 15.996v.498c0 .233-.185.579-.541.802l-5.105 2.478a.615.615 0 0 1-.89-.55v-.428c0-.416.204-.683.605-.891l5.213-2.584c.408-.205.718.217.718.675"/><path fill="#5dadec" d="M27 24H15.033c-2.2 0-4-1.8-4-4V5c0-2.2 1.8-4 4-4H27c2.2 0 4 1.8 4 4v15c0 2.2-1.8 4-4 4"/><path fill="#4289c1" d="M26 24H14.033c-2.2 0-4-1.8-4-4V5c0-2.2 1.8-4 4-4H26c2.2 0 4 1.8 4 4v15c0 2.2-1.8 4-4 4"/><path fill="#e1e8ed" d="M15 1h10v8H15z"/><path fill="#9aaab4" d="M27 33c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2"/><path fill="#9aaab4" d="m22.524 35.462l5.48-2.745l.996-2.003v-5.443l-6 3l-1.091 7.492zM13 33c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2"/><path fill="#9aaab4" d="m8.524 35.462l5.48-2.745l.996-2.003v-5.443l-6 3l-1.091 7.492z"/><path fill="#67757f" d="M7 36c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2m14 0c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2s2 .9 2 2v7c0 1.1-.9 2-2 2"/><path fill="#5dadec" d="m10.805 20.131l-.3.004L4.742 23l-.295.183L22.076 23l6-3zM24 28.623l5.48-2.745l.52-1.164v-3.145l-6 3l-.615 4.355z"/><path fill="#5dadec" d="M29 26H11c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h18c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1"/><path fill="#2a6797" d="M23 29H5c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h18c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1"/><path fill="#67757f" d="M26 19h1v7h-1z"/><path fill="#9aaab4" d="M31 18v4c0 1 0 2-2 3l-2 1v-7z"/><path fill="#9aaab4" d="M31.253 15h.968c.592 0 .779.479.779 1.071v.267c0 .406-.229.776-.592.958l-4.984 2.48c-.149.074-.312.224-.95.224h-.564c-.476 0-.91-.479-.91-1.071v-.267c0-.406.229-.776.592-.958l5.182-2.591c.149-.074.313-.113.479-.113"/><path fill="#ccd6dd" d="M33 15.996v.498c0 .233-.185.579-.541.802l-5.105 2.478a.615.615 0 0 1-.89-.55v-.428c0-.416.204-.683.605-.891l5.213-2.584c.408-.205.718.217.718.675"/></svg> </template>
CSS
.icon-seat {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%2367757f%22%20d%3D%22M6%2019h1v7H6z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M11%2018v4c0%201%200%202-2%203l-2%201v-7z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M11.237%2015h.968c.591%200%20.779.479.779%201.071v.267c0%20.406-.229.776-.592.958l-4.984%202.48c-.149.074-.312.224-.95.224h-.565c-.475%200-.909-.479-.909-1.071v-.267c0-.406.229-.776.592-.958l5.182-2.591c.149-.074.313-.113.479-.113%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M12.984%2015.996v.498c0%20.233-.185.579-.541.802l-5.105%202.478a.615.615%200%200%201-.89-.55v-.428c0-.416.204-.683.605-.891l5.213-2.584c.408-.205.718.217.718.675%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M27%2024H15.033c-2.2%200-4-1.8-4-4V5c0-2.2%201.8-4%204-4H27c2.2%200%204%201.8%204%204v15c0%202.2-1.8%204-4%204%22%2F%3E%3Cpath%20fill%3D%22%234289c1%22%20d%3D%22M26%2024H14.033c-2.2%200-4-1.8-4-4V5c0-2.2%201.8-4%204-4H26c2.2%200%204%201.8%204%204v15c0%202.2-1.8%204-4%204%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M15%201h10v8H15z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M27%2033c-1.1%200-2-.9-2-2v-7c0-1.1.9-2%202-2s2%20.9%202%202v7c0%201.1-.9%202-2%202%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22m22.524%2035.462l5.48-2.745l.996-2.003v-5.443l-6%203l-1.091%207.492zM13%2033c-1.1%200-2-.9-2-2v-7c0-1.1.9-2%202-2s2%20.9%202%202v7c0%201.1-.9%202-2%202%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22m8.524%2035.462l5.48-2.745l.996-2.003v-5.443l-6%203l-1.091%207.492z%22%2F%3E%3Cpath%20fill%3D%22%2367757f%22%20d%3D%22M7%2036c-1.1%200-2-.9-2-2v-7c0-1.1.9-2%202-2s2%20.9%202%202v7c0%201.1-.9%202-2%202m14%200c-1.1%200-2-.9-2-2v-7c0-1.1.9-2%202-2s2%20.9%202%202v7c0%201.1-.9%202-2%202%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22m10.805%2020.131l-.3.004L4.742%2023l-.295.183L22.076%2023l6-3zM24%2028.623l5.48-2.745l.52-1.164v-3.145l-6%203l-.615%204.355z%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M29%2026H11c-.55%200-1-.45-1-1v-4c0-.55.45-1%201-1h18c.55%200%201%20.45%201%201v4c0%20.55-.45%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%232a6797%22%20d%3D%22M23%2029H5c-.55%200-1-.45-1-1v-4c0-.55.45-1%201-1h18c.55%200%201%20.45%201%201v4c0%20.55-.45%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%2367757f%22%20d%3D%22M26%2019h1v7h-1z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M31%2018v4c0%201%200%202-2%203l-2%201v-7z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M31.253%2015h.968c.592%200%20.779.479.779%201.071v.267c0%20.406-.229.776-.592.958l-4.984%202.48c-.149.074-.312.224-.95.224h-.564c-.476%200-.91-.479-.91-1.071v-.267c0-.406.229-.776.592-.958l5.182-2.591c.149-.074.313-.113.479-.113%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M33%2015.996v.498c0%20.233-.185.579-.541.802l-5.105%202.478a.615.615%200%200%201-.89-.55v-.428c0-.416.204-.683.605-.891l5.213-2.584c.408-.205.718.217.718.675%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%2367757f%22%20d%3D%22M6%2019h1v7H6z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M11%2018v4c0%201%200%202-2%203l-2%201v-7z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M11.237%2015h.968c.591%200%20.779.479.779%201.071v.267c0%20.406-.229.776-.592.958l-4.984%202.48c-.149.074-.312.224-.95.224h-.565c-.475%200-.909-.479-.909-1.071v-.267c0-.406.229-.776.592-.958l5.182-2.591c.149-.074.313-.113.479-.113%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M12.984%2015.996v.498c0%20.233-.185.579-.541.802l-5.105%202.478a.615.615%200%200%201-.89-.55v-.428c0-.416.204-.683.605-.891l5.213-2.584c.408-.205.718.217.718.675%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M27%2024H15.033c-2.2%200-4-1.8-4-4V5c0-2.2%201.8-4%204-4H27c2.2%200%204%201.8%204%204v15c0%202.2-1.8%204-4%204%22%2F%3E%3Cpath%20fill%3D%22%234289c1%22%20d%3D%22M26%2024H14.033c-2.2%200-4-1.8-4-4V5c0-2.2%201.8-4%204-4H26c2.2%200%204%201.8%204%204v15c0%202.2-1.8%204-4%204%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M15%201h10v8H15z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M27%2033c-1.1%200-2-.9-2-2v-7c0-1.1.9-2%202-2s2%20.9%202%202v7c0%201.1-.9%202-2%202%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22m22.524%2035.462l5.48-2.745l.996-2.003v-5.443l-6%203l-1.091%207.492zM13%2033c-1.1%200-2-.9-2-2v-7c0-1.1.9-2%202-2s2%20.9%202%202v7c0%201.1-.9%202-2%202%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22m8.524%2035.462l5.48-2.745l.996-2.003v-5.443l-6%203l-1.091%207.492z%22%2F%3E%3Cpath%20fill%3D%22%2367757f%22%20d%3D%22M7%2036c-1.1%200-2-.9-2-2v-7c0-1.1.9-2%202-2s2%20.9%202%202v7c0%201.1-.9%202-2%202m14%200c-1.1%200-2-.9-2-2v-7c0-1.1.9-2%202-2s2%20.9%202%202v7c0%201.1-.9%202-2%202%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22m10.805%2020.131l-.3.004L4.742%2023l-.295.183L22.076%2023l6-3zM24%2028.623l5.48-2.745l.52-1.164v-3.145l-6%203l-.615%204.355z%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M29%2026H11c-.55%200-1-.45-1-1v-4c0-.55.45-1%201-1h18c.55%200%201%20.45%201%201v4c0%20.55-.45%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%232a6797%22%20d%3D%22M23%2029H5c-.55%200-1-.45-1-1v-4c0-.55.45-1%201-1h18c.55%200%201%20.45%201%201v4c0%20.55-.45%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%2367757f%22%20d%3D%22M26%2019h1v7h-1z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M31%2018v4c0%201%200%202-2%203l-2%201v-7z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M31.253%2015h.968c.592%200%20.779.479.779%201.071v.267c0%20.406-.229.776-.592.958l-4.984%202.48c-.149.074-.312.224-.95.224h-.564c-.476%200-.91-.479-.91-1.071v-.267c0-.406.229-.776.592-.958l5.182-2.591c.149-.074.313-.113.479-.113%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M33%2015.996v.498c0%20.233-.185.579-.541.802l-5.105%202.478a.615.615%200%200%201-.89-.55v-.428c0-.416.204-.683.605-.891l5.213-2.584c.408-.205.718.217.718.675%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/seat.svg?color=%231a73e8&size=48
