chest icon
chest from IconPark by ByteDance · Color · Health · Apache-2.0 Free for personal and commercial use.
- Name
- chest
- Set
- IconPark
- Style
- Color
- Category
- Health
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More health icons from IconPark
Use the chest icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path d="M16.9968 3.5C16.9968 5.76563 16.9968 7.48184 16.9968 8.64861C16.9968 10.3988 16.0333 11.0735 12.4023 12.0065C8.77133 12.9394 7.69632 13.4893 6.84816 15.0995C6.28272 16.1729 6 17.8303 6 20.0715V37.5"/><path stroke-linejoin="round" d="M34.9416 21.5085C35.1792 24.3854 34.6917 26.8978 33.4792 29.046C32.2667 31.1941 30.126 32.5026 27.0572 32.9716"/><path stroke-linejoin="round" d="M13.0587 21.5085C12.82 24.3854 13.3096 26.8978 14.5277 29.046C15.7457 31.1941 17.9038 32.5026 21.0022 32.9716"/><path d="M13 43.5121C14.3333 41.957 15 40.2662 15 38.4396C15 36.613 15 33.8253 15 30.0764"/><path d="M35 43.5121C33.6667 41.957 33 40.2662 33 38.4396C33 36.613 33 33.8253 33 30.0764"/><path d="M31.0003 3.5C31.0003 5.76563 31.0003 7.48184 31.0003 8.64861C31.0003 10.3988 31.9638 11.0735 35.5948 12.0065C39.2257 12.9394 40.3008 13.4893 41.1489 15.0995C41.7144 16.1729 41.9971 17.8303 41.9971 20.0715V37.5"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkChest(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="4"><path d="M16.9968 3.5C16.9968 5.76563 16.9968 7.48184 16.9968 8.64861C16.9968 10.3988 16.0333 11.0735 12.4023 12.0065C8.77133 12.9394 7.69632 13.4893 6.84816 15.0995C6.28272 16.1729 6 17.8303 6 20.0715V37.5"/><path strokeLinejoin="round" d="M34.9416 21.5085C35.1792 24.3854 34.6917 26.8978 33.4792 29.046C32.2667 31.1941 30.126 32.5026 27.0572 32.9716"/><path strokeLinejoin="round" d="M13.0587 21.5085C12.82 24.3854 13.3096 26.8978 14.5277 29.046C15.7457 31.1941 17.9038 32.5026 21.0022 32.9716"/><path d="M13 43.5121C14.3333 41.957 15 40.2662 15 38.4396C15 36.613 15 33.8253 15 30.0764"/><path d="M35 43.5121C33.6667 41.957 33 40.2662 33 38.4396C33 36.613 33 33.8253 33 30.0764"/><path d="M31.0003 3.5C31.0003 5.76563 31.0003 7.48184 31.0003 8.64861C31.0003 10.3988 31.9638 11.0735 35.5948 12.0065C39.2257 12.9394 40.3008 13.4893 41.1489 15.0995C41.7144 16.1729 41.9971 17.8303 41.9971 20.0715V37.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path d="M16.9968 3.5C16.9968 5.76563 16.9968 7.48184 16.9968 8.64861C16.9968 10.3988 16.0333 11.0735 12.4023 12.0065C8.77133 12.9394 7.69632 13.4893 6.84816 15.0995C6.28272 16.1729 6 17.8303 6 20.0715V37.5"/><path stroke-linejoin="round" d="M34.9416 21.5085C35.1792 24.3854 34.6917 26.8978 33.4792 29.046C32.2667 31.1941 30.126 32.5026 27.0572 32.9716"/><path stroke-linejoin="round" d="M13.0587 21.5085C12.82 24.3854 13.3096 26.8978 14.5277 29.046C15.7457 31.1941 17.9038 32.5026 21.0022 32.9716"/><path d="M13 43.5121C14.3333 41.957 15 40.2662 15 38.4396C15 36.613 15 33.8253 15 30.0764"/><path d="M35 43.5121C33.6667 41.957 33 40.2662 33 38.4396C33 36.613 33 33.8253 33 30.0764"/><path d="M31.0003 3.5C31.0003 5.76563 31.0003 7.48184 31.0003 8.64861C31.0003 10.3988 31.9638 11.0735 35.5948 12.0065C39.2257 12.9394 40.3008 13.4893 41.1489 15.0995C41.7144 16.1729 41.9971 17.8303 41.9971 20.0715V37.5"/></g></svg> </template>
CSS
.icon-chest {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M16.9968%203.5C16.9968%205.76563%2016.9968%207.48184%2016.9968%208.64861C16.9968%2010.3988%2016.0333%2011.0735%2012.4023%2012.0065C8.77133%2012.9394%207.69632%2013.4893%206.84816%2015.0995C6.28272%2016.1729%206%2017.8303%206%2020.0715V37.5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M34.9416%2021.5085C35.1792%2024.3854%2034.6917%2026.8978%2033.4792%2029.046C32.2667%2031.1941%2030.126%2032.5026%2027.0572%2032.9716%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M13.0587%2021.5085C12.82%2024.3854%2013.3096%2026.8978%2014.5277%2029.046C15.7457%2031.1941%2017.9038%2032.5026%2021.0022%2032.9716%22%2F%3E%3Cpath%20d%3D%22M13%2043.5121C14.3333%2041.957%2015%2040.2662%2015%2038.4396C15%2036.613%2015%2033.8253%2015%2030.0764%22%2F%3E%3Cpath%20d%3D%22M35%2043.5121C33.6667%2041.957%2033%2040.2662%2033%2038.4396C33%2036.613%2033%2033.8253%2033%2030.0764%22%2F%3E%3Cpath%20d%3D%22M31.0003%203.5C31.0003%205.76563%2031.0003%207.48184%2031.0003%208.64861C31.0003%2010.3988%2031.9638%2011.0735%2035.5948%2012.0065C39.2257%2012.9394%2040.3008%2013.4893%2041.1489%2015.0995C41.7144%2016.1729%2041.9971%2017.8303%2041.9971%2020.0715V37.5%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M16.9968%203.5C16.9968%205.76563%2016.9968%207.48184%2016.9968%208.64861C16.9968%2010.3988%2016.0333%2011.0735%2012.4023%2012.0065C8.77133%2012.9394%207.69632%2013.4893%206.84816%2015.0995C6.28272%2016.1729%206%2017.8303%206%2020.0715V37.5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M34.9416%2021.5085C35.1792%2024.3854%2034.6917%2026.8978%2033.4792%2029.046C32.2667%2031.1941%2030.126%2032.5026%2027.0572%2032.9716%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M13.0587%2021.5085C12.82%2024.3854%2013.3096%2026.8978%2014.5277%2029.046C15.7457%2031.1941%2017.9038%2032.5026%2021.0022%2032.9716%22%2F%3E%3Cpath%20d%3D%22M13%2043.5121C14.3333%2041.957%2015%2040.2662%2015%2038.4396C15%2036.613%2015%2033.8253%2015%2030.0764%22%2F%3E%3Cpath%20d%3D%22M35%2043.5121C33.6667%2041.957%2033%2040.2662%2033%2038.4396C33%2036.613%2033%2033.8253%2033%2030.0764%22%2F%3E%3Cpath%20d%3D%22M31.0003%203.5C31.0003%205.76563%2031.0003%207.48184%2031.0003%208.64861C31.0003%2010.3988%2031.9638%2011.0735%2035.5948%2012.0065C39.2257%2012.9394%2040.3008%2013.4893%2041.1489%2015.0995C41.7144%2016.1729%2041.9971%2017.8303%2041.9971%2020.0715V37.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/chest.svg?color=%231a73e8&size=48
