select window icon

select-window from Carbon by IBM · Outline · Actions · Apache-2.0 Free for personal and commercial use.

Name
select-window
Set
Carbon
Style
Outline
Category
Actions
Viewbox
32×32
License
Apache 2.0

The same icon in other sets

More actions icons from Carbon

Use the select window icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 26H4a2 2 0 0 1-2-2v-4h2v4h4ZM2 12h2v4H2zm24-4h-2V4h-4V2h4a2 2 0 0 1 2 2ZM12 2h4v2h-4zM4 8H2V4a2 2 0 0 1 2-2h4v2H4Zm23 24a1 1 0 0 1-.707-.293l-6.138-6.138l-3.323 4.986a1 1 0 0 1-1.79-.268l-6-20a1 1 0 0 1 1.245-1.245l20 6a1 1 0 0 1 .268 1.79l-4.986 3.323l6.138 6.138a1 1 0 0 1 0 1.414l-4 4A1 1 0 0 1 27 32m0-2.414L29.586 27l-7.155-7.155l5.246-3.498l-16.185-4.855l4.855 16.185l3.498-5.246Z"/></svg>

React

import type { SVGProps } from "react";

export function CarbonSelectWindow(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 26H4a2 2 0 0 1-2-2v-4h2v4h4ZM2 12h2v4H2zm24-4h-2V4h-4V2h4a2 2 0 0 1 2 2ZM12 2h4v2h-4zM4 8H2V4a2 2 0 0 1 2-2h4v2H4Zm23 24a1 1 0 0 1-.707-.293l-6.138-6.138l-3.323 4.986a1 1 0 0 1-1.79-.268l-6-20a1 1 0 0 1 1.245-1.245l20 6a1 1 0 0 1 .268 1.79l-4.986 3.323l6.138 6.138a1 1 0 0 1 0 1.414l-4 4A1 1 0 0 1 27 32m0-2.414L29.586 27l-7.155-7.155l5.246-3.498l-16.185-4.855l4.855 16.185l3.498-5.246Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 26H4a2 2 0 0 1-2-2v-4h2v4h4ZM2 12h2v4H2zm24-4h-2V4h-4V2h4a2 2 0 0 1 2 2ZM12 2h4v2h-4zM4 8H2V4a2 2 0 0 1 2-2h4v2H4Zm23 24a1 1 0 0 1-.707-.293l-6.138-6.138l-3.323 4.986a1 1 0 0 1-1.79-.268l-6-20a1 1 0 0 1 1.245-1.245l20 6a1 1 0 0 1 .268 1.79l-4.986 3.323l6.138 6.138a1 1 0 0 1 0 1.414l-4 4A1 1 0 0 1 27 32m0-2.414L29.586 27l-7.155-7.155l5.246-3.498l-16.185-4.855l4.855 16.185l3.498-5.246Z"/></svg>
</template>

CSS

.icon-select-window {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2026H4a2%202%200%200%201-2-2v-4h2v4h4ZM2%2012h2v4H2zm24-4h-2V4h-4V2h4a2%202%200%200%201%202%202ZM12%202h4v2h-4zM4%208H2V4a2%202%200%200%201%202-2h4v2H4Zm23%2024a1%201%200%200%201-.707-.293l-6.138-6.138l-3.323%204.986a1%201%200%200%201-1.79-.268l-6-20a1%201%200%200%201%201.245-1.245l20%206a1%201%200%200%201%20.268%201.79l-4.986%203.323l6.138%206.138a1%201%200%200%201%200%201.414l-4%204A1%201%200%200%201%2027%2032m0-2.414L29.586%2027l-7.155-7.155l5.246-3.498l-16.185-4.855l4.855%2016.185l3.498-5.246Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2026H4a2%202%200%200%201-2-2v-4h2v4h4ZM2%2012h2v4H2zm24-4h-2V4h-4V2h4a2%202%200%200%201%202%202ZM12%202h4v2h-4zM4%208H2V4a2%202%200%200%201%202-2h4v2H4Zm23%2024a1%201%200%200%201-.707-.293l-6.138-6.138l-3.323%204.986a1%201%200%200%201-1.79-.268l-6-20a1%201%200%200%201%201.245-1.245l20%206a1%201%200%200%201%20.268%201.79l-4.986%203.323l6.138%206.138a1%201%200%200%201%200%201.414l-4%204A1%201%200%200%201%2027%2032m0-2.414L29.586%2027l-7.155-7.155l5.246-3.498l-16.185-4.855l4.855%2016.185l3.498-5.246Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/select-window.svg?color=%231a73e8&size=48