bed single icon

bed-single-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
bed-single-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

bed-singlebed-single-duotonebed-single-fillbed-single-sharpbed-single-sharp-duotonebed-single-sharp-two-tonebed-single-two-tone

The same icon in other sets

All bed single icons →
bed-singleLucidebed-singleMaterial Design Iconsbed-single-outlineTeenyicons

Related icons in Keyline Icons

bed-double

Use the bed single icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20L3 11C3 10.4477 3.4477 10 4 10L6 10L6 4C6 3.4477 6.4477 3 7 3L17 3C17.5523 3 18 3.4477 18 4L18 10L20 10C20.5523 10 21 10.4477 21 11L21 20C21 20.5523 20.5523 21 20 21L4 21C3.4477 21 3 20.5523 3 20ZM5 12L5 14L19 14L19 12L5 12Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsBedSingleSharpFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20L3 11C3 10.4477 3.4477 10 4 10L6 10L6 4C6 3.4477 6.4477 3 7 3L17 3C17.5523 3 18 3.4477 18 4L18 10L20 10C20.5523 10 21 10.4477 21 11L21 20C21 20.5523 20.5523 21 20 21L4 21C3.4477 21 3 20.5523 3 20ZM5 12L5 14L19 14L19 12L5 12Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20L3 11C3 10.4477 3.4477 10 4 10L6 10L6 4C6 3.4477 6.4477 3 7 3L17 3C17.5523 3 18 3.4477 18 4L18 10L20 10C20.5523 10 21 10.4477 21 11L21 20C21 20.5523 20.5523 21 20 21L4 21C3.4477 21 3 20.5523 3 20ZM5 12L5 14L19 14L19 12L5 12Z"/></svg>
</template>

CSS

.icon-bed-single-sharp-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2020L3%2011C3%2010.4477%203.4477%2010%204%2010L6%2010L6%204C6%203.4477%206.4477%203%207%203L17%203C17.5523%203%2018%203.4477%2018%204L18%2010L20%2010C20.5523%2010%2021%2010.4477%2021%2011L21%2020C21%2020.5523%2020.5523%2021%2020%2021L4%2021C3.4477%2021%203%2020.5523%203%2020ZM5%2012L5%2014L19%2014L19%2012L5%2012Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2020L3%2011C3%2010.4477%203.4477%2010%204%2010L6%2010L6%204C6%203.4477%206.4477%203%207%203L17%203C17.5523%203%2018%203.4477%2018%204L18%2010L20%2010C20.5523%2010%2021%2010.4477%2021%2011L21%2020C21%2020.5523%2020.5523%2021%2020%2021L4%2021C3.4477%2021%203%2020.5523%203%2020ZM5%2012L5%2014L19%2014L19%2012L5%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/bed-single-sharp-fill.svg?color=%231a73e8&size=48