crib icon

crib-outline-rounded from Material Symbols Light by Google · Outline Rounded · Household · Apache-2.0 Free for personal and commercial use.

Name: crib-outline-rounded
Set: Material Symbols Light
Style: Outline Rounded
Category: Household
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

crib crib-outline crib-outline-sharp crib-rounded crib-sharp

The same icon in other sets

cribIconPark cribIconPark Outline cribIconoir cribMaterial Symbols

More household icons from Material Symbols Light

Use the crib icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.648 0-3.159-.575T6.077 18.8q-.177-.16-.221-.383t.121-.388t.376-.159t.388.166q.392.368.828.652q.437.285.931.506V15.54H6.616q-.691 0-1.153-.482T5 13.847V8.134q0-1.304.877-2.22Q6.754 5 8 5h2.385q.348 0 .577.23t.23.578v4.096h6.192q.691 0 1.153.491q.463.492.463 1.201v2.25q0 .729-.463 1.21t-1.153.483H15.5v3.655q.5-.227.946-.521t.844-.661q.171-.14.372-.145q.201-.003.361.156q.165.166.143.367t-.193.36q-1.273 1.056-2.79 1.653Q13.668 21 12 21m0-1q.635 0 1.26-.11q.624-.111 1.24-.294v-4.058h-5v4.058q.616.183 1.24.293Q11.367 20 12 20m-5.384-5.462h10.769q.269 0 .442-.182q.173-.183.173-.51v-2.25q0-.308-.173-.5t-.442-.192h-7.193V6H8q-.825 0-1.412.626T6 8.135v5.711q0 .327.173.51t.443.183m3.576-3.635"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCribOutlineRounded(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="M12 21q-1.648 0-3.159-.575T6.077 18.8q-.177-.16-.221-.383t.121-.388t.376-.159t.388.166q.392.368.828.652q.437.285.931.506V15.54H6.616q-.691 0-1.153-.482T5 13.847V8.134q0-1.304.877-2.22Q6.754 5 8 5h2.385q.348 0 .577.23t.23.578v4.096h6.192q.691 0 1.153.491q.463.492.463 1.201v2.25q0 .729-.463 1.21t-1.153.483H15.5v3.655q.5-.227.946-.521t.844-.661q.171-.14.372-.145q.201-.003.361.156q.165.166.143.367t-.193.36q-1.273 1.056-2.79 1.653Q13.668 21 12 21m0-1q.635 0 1.26-.11q.624-.111 1.24-.294v-4.058h-5v4.058q.616.183 1.24.293Q11.367 20 12 20m-5.384-5.462h10.769q.269 0 .442-.182q.173-.183.173-.51v-2.25q0-.308-.173-.5t-.442-.192h-7.193V6H8q-.825 0-1.412.626T6 8.135v5.711q0 .327.173.51t.443.183m3.576-3.635"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.648 0-3.159-.575T6.077 18.8q-.177-.16-.221-.383t.121-.388t.376-.159t.388.166q.392.368.828.652q.437.285.931.506V15.54H6.616q-.691 0-1.153-.482T5 13.847V8.134q0-1.304.877-2.22Q6.754 5 8 5h2.385q.348 0 .577.23t.23.578v4.096h6.192q.691 0 1.153.491q.463.492.463 1.201v2.25q0 .729-.463 1.21t-1.153.483H15.5v3.655q.5-.227.946-.521t.844-.661q.171-.14.372-.145q.201-.003.361.156q.165.166.143.367t-.193.36q-1.273 1.056-2.79 1.653Q13.668 21 12 21m0-1q.635 0 1.26-.11q.624-.111 1.24-.294v-4.058h-5v4.058q.616.183 1.24.293Q11.367 20 12 20m-5.384-5.462h10.769q.269 0 .442-.182q.173-.183.173-.51v-2.25q0-.308-.173-.5t-.442-.192h-7.193V6H8q-.825 0-1.412.626T6 8.135v5.711q0 .327.173.51t.443.183m3.576-3.635"/></svg>
</template>

CSS

.icon-crib-outline-rounded {
  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%22M12%2021q-1.648%200-3.159-.575T6.077%2018.8q-.177-.16-.221-.383t.121-.388t.376-.159t.388.166q.392.368.828.652q.437.285.931.506V15.54H6.616q-.691%200-1.153-.482T5%2013.847V8.134q0-1.304.877-2.22Q6.754%205%208%205h2.385q.348%200%20.577.23t.23.578v4.096h6.192q.691%200%201.153.491q.463.492.463%201.201v2.25q0%20.729-.463%201.21t-1.153.483H15.5v3.655q.5-.227.946-.521t.844-.661q.171-.14.372-.145q.201-.003.361.156q.165.166.143.367t-.193.36q-1.273%201.056-2.79%201.653Q13.668%2021%2012%2021m0-1q.635%200%201.26-.11q.624-.111%201.24-.294v-4.058h-5v4.058q.616.183%201.24.293Q11.367%2020%2012%2020m-5.384-5.462h10.769q.269%200%20.442-.182q.173-.183.173-.51v-2.25q0-.308-.173-.5t-.442-.192h-7.193V6H8q-.825%200-1.412.626T6%208.135v5.711q0%20.327.173.51t.443.183m3.576-3.635%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%22M12%2021q-1.648%200-3.159-.575T6.077%2018.8q-.177-.16-.221-.383t.121-.388t.376-.159t.388.166q.392.368.828.652q.437.285.931.506V15.54H6.616q-.691%200-1.153-.482T5%2013.847V8.134q0-1.304.877-2.22Q6.754%205%208%205h2.385q.348%200%20.577.23t.23.578v4.096h6.192q.691%200%201.153.491q.463.492.463%201.201v2.25q0%20.729-.463%201.21t-1.153.483H15.5v3.655q.5-.227.946-.521t.844-.661q.171-.14.372-.145q.201-.003.361.156q.165.166.143.367t-.193.36q-1.273%201.056-2.79%201.653Q13.668%2021%2012%2021m0-1q.635%200%201.26-.11q.624-.111%201.24-.294v-4.058h-5v4.058q.616.183%201.24.293Q11.367%2020%2012%2020m-5.384-5.462h10.769q.269%200%20.442-.182q.173-.183.173-.51v-2.25q0-.308-.173-.5t-.442-.192h-7.193V6H8q-.825%200-1.412.626T6%208.135v5.711q0%20.327.173.51t.443.183m3.576-3.635%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/crib-outline-rounded.svg?color=%231a73e8&size=48