init container outlined icon

init-container-outlined from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.

Name
init-container-outlined
Set
EOS Icons
Style
Regular
Viewbox
24×24
License
MIT

Related icons in EOS Icons

Use the init container outlined icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18H4v-8h16v2.078a7 7 0 0 1 2 .603V10a2 2 0 0 0-2-2l-1.488-.015l-5.302-3.43A1.96 1.96 0 0 0 14 3a2.03 2.03 0 0 0-1-1.721V0h-1v2a1 1 0 1 1-1 1h-1a1.96 1.96 0 0 0 .796 1.56L5.5 7.984L4 8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8.08a7 7 0 0 1-.08-1.003A7 7 0 0 1 12 18m-.005-13.026L12 5c.006 0 .01-.027.017-.027L17 8H7Z"/><path fill="currentColor" d="M15 13.26V12a1 1 0 0 0-2 0v3.408a7 7 0 0 1 2-2.148M18 11a1 1 0 0 0-1 1v.294A7 7 0 0 1 19 12a1 1 0 0 0-1-1M6 11a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1m13.879 9.319l-1.07-.83a4 4 0 0 0 .04-.49a2.6 2.6 0 0 0-.04-.49l1.06-.83a.26.26 0 0 0 .06-.32l-1-1.73a.25.25 0 0 0-.31-.11l-1.239.5a3.4 3.4 0 0 0-.85-.49l-.19-1.319a.24.24 0 0 0-.24-.21h-1.998a.26.26 0 0 0-.25.21l-.19 1.32a4 4 0 0 0-.85.49l-1.239-.5a.26.26 0 0 0-.31.11l-1 1.73a.25.25 0 0 0 .06.32l1.06.829a4 4 0 0 0 0 .98l-1.06.83a.26.26 0 0 0-.06.32l1 1.73a.25.25 0 0 0 .31.11l1.24-.5a3.4 3.4 0 0 0 .849.49l.19 1.319a.25.25 0 0 0 .25.21H20.1a.26.26 0 0 0 .25-.21l.19-1.32a3.7 3.7 0 0 0 .839-.49l1.25.5a.26.26 0 0 0 .31-.11l.999-1.73a.26.26 0 0 0-.06-.32m-4.758.18a1.5 1.5 0 1 1 1.5-1.5a1.497 1.497 0 0 1-1.5 1.5"/></svg>

React

import type { SVGProps } from "react";

export function EosIconsInitContainerOutlined(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 18H4v-8h16v2.078a7 7 0 0 1 2 .603V10a2 2 0 0 0-2-2l-1.488-.015l-5.302-3.43A1.96 1.96 0 0 0 14 3a2.03 2.03 0 0 0-1-1.721V0h-1v2a1 1 0 1 1-1 1h-1a1.96 1.96 0 0 0 .796 1.56L5.5 7.984L4 8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8.08a7 7 0 0 1-.08-1.003A7 7 0 0 1 12 18m-.005-13.026L12 5c.006 0 .01-.027.017-.027L17 8H7Z"/><path fill="currentColor" d="M15 13.26V12a1 1 0 0 0-2 0v3.408a7 7 0 0 1 2-2.148M18 11a1 1 0 0 0-1 1v.294A7 7 0 0 1 19 12a1 1 0 0 0-1-1M6 11a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1m13.879 9.319l-1.07-.83a4 4 0 0 0 .04-.49a2.6 2.6 0 0 0-.04-.49l1.06-.83a.26.26 0 0 0 .06-.32l-1-1.73a.25.25 0 0 0-.31-.11l-1.239.5a3.4 3.4 0 0 0-.85-.49l-.19-1.319a.24.24 0 0 0-.24-.21h-1.998a.26.26 0 0 0-.25.21l-.19 1.32a4 4 0 0 0-.85.49l-1.239-.5a.26.26 0 0 0-.31.11l-1 1.73a.25.25 0 0 0 .06.32l1.06.829a4 4 0 0 0 0 .98l-1.06.83a.26.26 0 0 0-.06.32l1 1.73a.25.25 0 0 0 .31.11l1.24-.5a3.4 3.4 0 0 0 .849.49l.19 1.319a.25.25 0 0 0 .25.21H20.1a.26.26 0 0 0 .25-.21l.19-1.32a3.7 3.7 0 0 0 .839-.49l1.25.5a.26.26 0 0 0 .31-.11l.999-1.73a.26.26 0 0 0-.06-.32m-4.758.18a1.5 1.5 0 1 1 1.5-1.5a1.497 1.497 0 0 1-1.5 1.5"/></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 18H4v-8h16v2.078a7 7 0 0 1 2 .603V10a2 2 0 0 0-2-2l-1.488-.015l-5.302-3.43A1.96 1.96 0 0 0 14 3a2.03 2.03 0 0 0-1-1.721V0h-1v2a1 1 0 1 1-1 1h-1a1.96 1.96 0 0 0 .796 1.56L5.5 7.984L4 8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8.08a7 7 0 0 1-.08-1.003A7 7 0 0 1 12 18m-.005-13.026L12 5c.006 0 .01-.027.017-.027L17 8H7Z"/><path fill="currentColor" d="M15 13.26V12a1 1 0 0 0-2 0v3.408a7 7 0 0 1 2-2.148M18 11a1 1 0 0 0-1 1v.294A7 7 0 0 1 19 12a1 1 0 0 0-1-1M6 11a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1m13.879 9.319l-1.07-.83a4 4 0 0 0 .04-.49a2.6 2.6 0 0 0-.04-.49l1.06-.83a.26.26 0 0 0 .06-.32l-1-1.73a.25.25 0 0 0-.31-.11l-1.239.5a3.4 3.4 0 0 0-.85-.49l-.19-1.319a.24.24 0 0 0-.24-.21h-1.998a.26.26 0 0 0-.25.21l-.19 1.32a4 4 0 0 0-.85.49l-1.239-.5a.26.26 0 0 0-.31.11l-1 1.73a.25.25 0 0 0 .06.32l1.06.829a4 4 0 0 0 0 .98l-1.06.83a.26.26 0 0 0-.06.32l1 1.73a.25.25 0 0 0 .31.11l1.24-.5a3.4 3.4 0 0 0 .849.49l.19 1.319a.25.25 0 0 0 .25.21H20.1a.26.26 0 0 0 .25-.21l.19-1.32a3.7 3.7 0 0 0 .839-.49l1.25.5a.26.26 0 0 0 .31-.11l.999-1.73a.26.26 0 0 0-.06-.32m-4.758.18a1.5 1.5 0 1 1 1.5-1.5a1.497 1.497 0 0 1-1.5 1.5"/></svg>
</template>

CSS

.icon-init-container-outlined {
  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%2018H4v-8h16v2.078a7%207%200%200%201%202%20.603V10a2%202%200%200%200-2-2l-1.488-.015l-5.302-3.43A1.96%201.96%200%200%200%2014%203a2.03%202.03%200%200%200-1-1.721V0h-1v2a1%201%200%201%201-1%201h-1a1.96%201.96%200%200%200%20.796%201.56L5.5%207.984L4%208a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h8.08a7%207%200%200%201-.08-1.003A7%207%200%200%201%2012%2018m-.005-13.026L12%205c.006%200%20.01-.027.017-.027L17%208H7Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%2013.26V12a1%201%200%200%200-2%200v3.408a7%207%200%200%201%202-2.148M18%2011a1%201%200%200%200-1%201v.294A7%207%200%200%201%2019%2012a1%201%200%200%200-1-1M6%2011a1%201%200%200%200-1%201v4a1%201%200%200%200%202%200v-4a1%201%200%200%200-1-1m4%200a1%201%200%200%200-1%201v4a1%201%200%200%200%202%200v-4a1%201%200%200%200-1-1m13.879%209.319l-1.07-.83a4%204%200%200%200%20.04-.49a2.6%202.6%200%200%200-.04-.49l1.06-.83a.26.26%200%200%200%20.06-.32l-1-1.73a.25.25%200%200%200-.31-.11l-1.239.5a3.4%203.4%200%200%200-.85-.49l-.19-1.319a.24.24%200%200%200-.24-.21h-1.998a.26.26%200%200%200-.25.21l-.19%201.32a4%204%200%200%200-.85.49l-1.239-.5a.26.26%200%200%200-.31.11l-1%201.73a.25.25%200%200%200%20.06.32l1.06.829a4%204%200%200%200%200%20.98l-1.06.83a.26.26%200%200%200-.06.32l1%201.73a.25.25%200%200%200%20.31.11l1.24-.5a3.4%203.4%200%200%200%20.849.49l.19%201.319a.25.25%200%200%200%20.25.21H20.1a.26.26%200%200%200%20.25-.21l.19-1.32a3.7%203.7%200%200%200%20.839-.49l1.25.5a.26.26%200%200%200%20.31-.11l.999-1.73a.26.26%200%200%200-.06-.32m-4.758.18a1.5%201.5%200%201%201%201.5-1.5a1.497%201.497%200%200%201-1.5%201.5%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%2018H4v-8h16v2.078a7%207%200%200%201%202%20.603V10a2%202%200%200%200-2-2l-1.488-.015l-5.302-3.43A1.96%201.96%200%200%200%2014%203a2.03%202.03%200%200%200-1-1.721V0h-1v2a1%201%200%201%201-1%201h-1a1.96%201.96%200%200%200%20.796%201.56L5.5%207.984L4%208a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h8.08a7%207%200%200%201-.08-1.003A7%207%200%200%201%2012%2018m-.005-13.026L12%205c.006%200%20.01-.027.017-.027L17%208H7Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%2013.26V12a1%201%200%200%200-2%200v3.408a7%207%200%200%201%202-2.148M18%2011a1%201%200%200%200-1%201v.294A7%207%200%200%201%2019%2012a1%201%200%200%200-1-1M6%2011a1%201%200%200%200-1%201v4a1%201%200%200%200%202%200v-4a1%201%200%200%200-1-1m4%200a1%201%200%200%200-1%201v4a1%201%200%200%200%202%200v-4a1%201%200%200%200-1-1m13.879%209.319l-1.07-.83a4%204%200%200%200%20.04-.49a2.6%202.6%200%200%200-.04-.49l1.06-.83a.26.26%200%200%200%20.06-.32l-1-1.73a.25.25%200%200%200-.31-.11l-1.239.5a3.4%203.4%200%200%200-.85-.49l-.19-1.319a.24.24%200%200%200-.24-.21h-1.998a.26.26%200%200%200-.25.21l-.19%201.32a4%204%200%200%200-.85.49l-1.239-.5a.26.26%200%200%200-.31.11l-1%201.73a.25.25%200%200%200%20.06.32l1.06.829a4%204%200%200%200%200%20.98l-1.06.83a.26.26%200%200%200-.06.32l1%201.73a.25.25%200%200%200%20.31.11l1.24-.5a3.4%203.4%200%200%200%20.849.49l.19%201.319a.25.25%200%200%200%20.25.21H20.1a.26.26%200%200%200%20.25-.21l.19-1.32a3.7%203.7%200%200%200%20.839-.49l1.25.5a.26.26%200%200%200%20.31-.11l.999-1.73a.26.26%200%200%200-.06-.32m-4.758.18a1.5%201.5%200%201%201%201.5-1.5a1.497%201.497%200%200%201-1.5%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eos-icons/init-container-outlined.svg?color=%231a73e8&size=48