boot icon

boot-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
boot-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

bootboot-duotoneboot-fillboot-lightboot-thin

The same icon in other sets

bootCarbonbootFirefox OS EmojibootWeb3 Icons Branded

Use the boot icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M192 104h-28V56a20 20 0 0 0-20-20H32a12 12 0 0 0-11.2 16.3c10.88 28.39 8.3 78.36-.33 108.38A12 12 0 0 0 20 164v36a20 20 0 0 0 20 20h26.11a20.16 20.16 0 0 0 9-2.11L86.83 212h14.34l11.77 5.89a20.16 20.16 0 0 0 9 2.11h28.22a20.16 20.16 0 0 0 8.95-2.11l11.72-5.89h14.34l11.77 5.89a20.16 20.16 0 0 0 8.95 2.11H232a20 20 0 0 0 20-20v-36a60.07 60.07 0 0 0-60-60M48 60h92v44h-24a12 12 0 0 0 0 24h76a36.07 36.07 0 0 1 33.94 24H47.21c5.54-27.92 7.02-63.59.79-92m180 136h-21.17l-11.77-5.89a20.16 20.16 0 0 0-8.95-2.11h-16.22a20.16 20.16 0 0 0-8.95 2.11L149.17 196h-26.34l-11.77-5.89a20.16 20.16 0 0 0-9-2.11H85.89a20.16 20.16 0 0 0-9 2.11L65.17 196H44v-20h184Z"/></svg>

React

import type { SVGProps } from "react";

export function PhBootBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M192 104h-28V56a20 20 0 0 0-20-20H32a12 12 0 0 0-11.2 16.3c10.88 28.39 8.3 78.36-.33 108.38A12 12 0 0 0 20 164v36a20 20 0 0 0 20 20h26.11a20.16 20.16 0 0 0 9-2.11L86.83 212h14.34l11.77 5.89a20.16 20.16 0 0 0 9 2.11h28.22a20.16 20.16 0 0 0 8.95-2.11l11.72-5.89h14.34l11.77 5.89a20.16 20.16 0 0 0 8.95 2.11H232a20 20 0 0 0 20-20v-36a60.07 60.07 0 0 0-60-60M48 60h92v44h-24a12 12 0 0 0 0 24h76a36.07 36.07 0 0 1 33.94 24H47.21c5.54-27.92 7.02-63.59.79-92m180 136h-21.17l-11.77-5.89a20.16 20.16 0 0 0-8.95-2.11h-16.22a20.16 20.16 0 0 0-8.95 2.11L149.17 196h-26.34l-11.77-5.89a20.16 20.16 0 0 0-9-2.11H85.89a20.16 20.16 0 0 0-9 2.11L65.17 196H44v-20h184Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M192 104h-28V56a20 20 0 0 0-20-20H32a12 12 0 0 0-11.2 16.3c10.88 28.39 8.3 78.36-.33 108.38A12 12 0 0 0 20 164v36a20 20 0 0 0 20 20h26.11a20.16 20.16 0 0 0 9-2.11L86.83 212h14.34l11.77 5.89a20.16 20.16 0 0 0 9 2.11h28.22a20.16 20.16 0 0 0 8.95-2.11l11.72-5.89h14.34l11.77 5.89a20.16 20.16 0 0 0 8.95 2.11H232a20 20 0 0 0 20-20v-36a60.07 60.07 0 0 0-60-60M48 60h92v44h-24a12 12 0 0 0 0 24h76a36.07 36.07 0 0 1 33.94 24H47.21c5.54-27.92 7.02-63.59.79-92m180 136h-21.17l-11.77-5.89a20.16 20.16 0 0 0-8.95-2.11h-16.22a20.16 20.16 0 0 0-8.95 2.11L149.17 196h-26.34l-11.77-5.89a20.16 20.16 0 0 0-9-2.11H85.89a20.16 20.16 0 0 0-9 2.11L65.17 196H44v-20h184Z"/></svg>
</template>

CSS

.icon-boot-bold {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%20104h-28V56a20%2020%200%200%200-20-20H32a12%2012%200%200%200-11.2%2016.3c10.88%2028.39%208.3%2078.36-.33%20108.38A12%2012%200%200%200%2020%20164v36a20%2020%200%200%200%2020%2020h26.11a20.16%2020.16%200%200%200%209-2.11L86.83%20212h14.34l11.77%205.89a20.16%2020.16%200%200%200%209%202.11h28.22a20.16%2020.16%200%200%200%208.95-2.11l11.72-5.89h14.34l11.77%205.89a20.16%2020.16%200%200%200%208.95%202.11H232a20%2020%200%200%200%2020-20v-36a60.07%2060.07%200%200%200-60-60M48%2060h92v44h-24a12%2012%200%200%200%200%2024h76a36.07%2036.07%200%200%201%2033.94%2024H47.21c5.54-27.92%207.02-63.59.79-92m180%20136h-21.17l-11.77-5.89a20.16%2020.16%200%200%200-8.95-2.11h-16.22a20.16%2020.16%200%200%200-8.95%202.11L149.17%20196h-26.34l-11.77-5.89a20.16%2020.16%200%200%200-9-2.11H85.89a20.16%2020.16%200%200%200-9%202.11L65.17%20196H44v-20h184Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%20104h-28V56a20%2020%200%200%200-20-20H32a12%2012%200%200%200-11.2%2016.3c10.88%2028.39%208.3%2078.36-.33%20108.38A12%2012%200%200%200%2020%20164v36a20%2020%200%200%200%2020%2020h26.11a20.16%2020.16%200%200%200%209-2.11L86.83%20212h14.34l11.77%205.89a20.16%2020.16%200%200%200%209%202.11h28.22a20.16%2020.16%200%200%200%208.95-2.11l11.72-5.89h14.34l11.77%205.89a20.16%2020.16%200%200%200%208.95%202.11H232a20%2020%200%200%200%2020-20v-36a60.07%2060.07%200%200%200-60-60M48%2060h92v44h-24a12%2012%200%200%200%200%2024h76a36.07%2036.07%200%200%201%2033.94%2024H47.21c5.54-27.92%207.02-63.59.79-92m180%20136h-21.17l-11.77-5.89a20.16%2020.16%200%200%200-8.95-2.11h-16.22a20.16%2020.16%200%200%200-8.95%202.11L149.17%20196h-26.34l-11.77-5.89a20.16%2020.16%200%200%200-9-2.11H85.89a20.16%2020.16%200%200%200-9%202.11L65.17%20196H44v-20h184Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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