fallout shelter icon

fallout-shelter-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.

Name
fallout-shelter-duotone
Set
Phosphor
Style
Duotone
Viewbox
256×256
License
MIT

5 other variants in Phosphor

fallout-shelterfallout-shelter-boldfallout-shelter-fillfallout-shelter-lightfallout-shelter-thin

Use the fallout shelter icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 32a96 96 0 1 0 96 96a96 96 0 0 0-96-96m32 144l-32-48l-32 48l-32-48h64L96 80h64l-32 48h64Z" opacity=".2"/><path d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m71.05-91.77A8 8 0 0 0 192 120h-49l23.71-35.56A8 8 0 0 0 160 72H96a8 8 0 0 0-6.66 12.44L113.05 120H64a8 8 0 0 0-6.66 12.44l32 48a8 8 0 0 0 13.32 0l25.34-38l25.34 38a8 8 0 0 0 13.32 0l32-48a8 8 0 0 0 .39-8.21m-54-36.23L128 113.58L111 88ZM96 161.58L79 136h34.1Zm64 0L143 136h34.1Z"/></g></svg>

React

import type { SVGProps } from "react";

export function PhFalloutShelterDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 32a96 96 0 1 0 96 96a96 96 0 0 0-96-96m32 144l-32-48l-32 48l-32-48h64L96 80h64l-32 48h64Z" opacity=".2"/><path d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m71.05-91.77A8 8 0 0 0 192 120h-49l23.71-35.56A8 8 0 0 0 160 72H96a8 8 0 0 0-6.66 12.44L113.05 120H64a8 8 0 0 0-6.66 12.44l32 48a8 8 0 0 0 13.32 0l25.34-38l25.34 38a8 8 0 0 0 13.32 0l32-48a8 8 0 0 0 .39-8.21m-54-36.23L128 113.58L111 88ZM96 161.58L79 136h34.1Zm64 0L143 136h34.1Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 32a96 96 0 1 0 96 96a96 96 0 0 0-96-96m32 144l-32-48l-32 48l-32-48h64L96 80h64l-32 48h64Z" opacity=".2"/><path d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m71.05-91.77A8 8 0 0 0 192 120h-49l23.71-35.56A8 8 0 0 0 160 72H96a8 8 0 0 0-6.66 12.44L113.05 120H64a8 8 0 0 0-6.66 12.44l32 48a8 8 0 0 0 13.32 0l25.34-38l25.34 38a8 8 0 0 0 13.32 0l32-48a8 8 0 0 0 .39-8.21m-54-36.23L128 113.58L111 88ZM96 161.58L79 136h34.1Zm64 0L143 136h34.1Z"/></g></svg>
</template>

CSS

.icon-fallout-shelter-duotone {
  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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2032a96%2096%200%201%200%2096%2096a96%2096%200%200%200-96-96m32%20144l-32-48l-32%2048l-32-48h64L96%2080h64l-32%2048h64Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M128%2024a104%20104%200%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024m0%20192a88%2088%200%201%201%2088-88a88.1%2088.1%200%200%201-88%2088m71.05-91.77A8%208%200%200%200%20192%20120h-49l23.71-35.56A8%208%200%200%200%20160%2072H96a8%208%200%200%200-6.66%2012.44L113.05%20120H64a8%208%200%200%200-6.66%2012.44l32%2048a8%208%200%200%200%2013.32%200l25.34-38l25.34%2038a8%208%200%200%200%2013.32%200l32-48a8%208%200%200%200%20.39-8.21m-54-36.23L128%20113.58L111%2088ZM96%20161.58L79%20136h34.1Zm64%200L143%20136h34.1Z%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2032a96%2096%200%201%200%2096%2096a96%2096%200%200%200-96-96m32%20144l-32-48l-32%2048l-32-48h64L96%2080h64l-32%2048h64Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M128%2024a104%20104%200%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024m0%20192a88%2088%200%201%201%2088-88a88.1%2088.1%200%200%201-88%2088m71.05-91.77A8%208%200%200%200%20192%20120h-49l23.71-35.56A8%208%200%200%200%20160%2072H96a8%208%200%200%200-6.66%2012.44L113.05%20120H64a8%208%200%200%200-6.66%2012.44l32%2048a8%208%200%200%200%2013.32%200l25.34-38l25.34%2038a8%208%200%200%200%2013.32%200l32-48a8%208%200%200%200%20.39-8.21m-54-36.23L128%20113.58L111%2088ZM96%20161.58L79%20136h34.1Zm64%200L143%20136h34.1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/fallout-shelter-duotone.svg?color=%231a73e8&size=48