image broken icon

image-broken-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: image-broken-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

image-broken image-broken-bold image-broken-duotone image-broken-fill image-broken-light

The same icon in other sets

image-brokenMaterial Design Icons image-brokenPixelarticons image-brokenUnicons

Related icons in Phosphor

image-square

Use the image broken icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 44H40a12 12 0 0 0-12 12v144a12 12 0 0 0 12 12h64a4 4 0 0 0 3.79-2.74L123.21 163l38.28-15.31a4 4 0 0 0 2.22-2.22L179 107.21l46.24-15.42A4 4 0 0 0 228 88V56a12 12 0 0 0-12-12m-97.49 112.29a4 4 0 0 0-2.3 2.45L101.12 204H40a4 4 0 0 1-4-4v-29.66l53.17-53.17a4 4 0 0 1 5.66 0l34.71 34.71ZM220 85.12l-45.26 15.09a4 4 0 0 0-2.45 2.3l-15.37 38.41l-19.3 7.73l-37.13-37.14a12 12 0 0 0-17 0L36 159V56a4 4 0 0 1 4-4h176a4 4 0 0 1 4 4Zm6.34 33.37a4 4 0 0 0-3.6-.55l-23.81 7.93a4 4 0 0 0-2.44 2.31l-15 37.36l-37.36 15a4 4 0 0 0-2.31 2.44l-7.93 23.81a4 4 0 0 0 .55 3.6a4 4 0 0 0 3.24 1.66H216a12 12 0 0 0 12-12v-78.32a4 4 0 0 0-1.66-3.24M220 200a4 4 0 0 1-4 4h-72.72l5.59-16.78l37.23-14.89a4 4 0 0 0 2.23-2.23l14.89-37.23l16.78-5.59Z"/></svg>

React

import type { SVGProps } from "react";

export function PhImageBrokenThin(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="M216 44H40a12 12 0 0 0-12 12v144a12 12 0 0 0 12 12h64a4 4 0 0 0 3.79-2.74L123.21 163l38.28-15.31a4 4 0 0 0 2.22-2.22L179 107.21l46.24-15.42A4 4 0 0 0 228 88V56a12 12 0 0 0-12-12m-97.49 112.29a4 4 0 0 0-2.3 2.45L101.12 204H40a4 4 0 0 1-4-4v-29.66l53.17-53.17a4 4 0 0 1 5.66 0l34.71 34.71ZM220 85.12l-45.26 15.09a4 4 0 0 0-2.45 2.3l-15.37 38.41l-19.3 7.73l-37.13-37.14a12 12 0 0 0-17 0L36 159V56a4 4 0 0 1 4-4h176a4 4 0 0 1 4 4Zm6.34 33.37a4 4 0 0 0-3.6-.55l-23.81 7.93a4 4 0 0 0-2.44 2.31l-15 37.36l-37.36 15a4 4 0 0 0-2.31 2.44l-7.93 23.81a4 4 0 0 0 .55 3.6a4 4 0 0 0 3.24 1.66H216a12 12 0 0 0 12-12v-78.32a4 4 0 0 0-1.66-3.24M220 200a4 4 0 0 1-4 4h-72.72l5.59-16.78l37.23-14.89a4 4 0 0 0 2.23-2.23l14.89-37.23l16.78-5.59Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 44H40a12 12 0 0 0-12 12v144a12 12 0 0 0 12 12h64a4 4 0 0 0 3.79-2.74L123.21 163l38.28-15.31a4 4 0 0 0 2.22-2.22L179 107.21l46.24-15.42A4 4 0 0 0 228 88V56a12 12 0 0 0-12-12m-97.49 112.29a4 4 0 0 0-2.3 2.45L101.12 204H40a4 4 0 0 1-4-4v-29.66l53.17-53.17a4 4 0 0 1 5.66 0l34.71 34.71ZM220 85.12l-45.26 15.09a4 4 0 0 0-2.45 2.3l-15.37 38.41l-19.3 7.73l-37.13-37.14a12 12 0 0 0-17 0L36 159V56a4 4 0 0 1 4-4h176a4 4 0 0 1 4 4Zm6.34 33.37a4 4 0 0 0-3.6-.55l-23.81 7.93a4 4 0 0 0-2.44 2.31l-15 37.36l-37.36 15a4 4 0 0 0-2.31 2.44l-7.93 23.81a4 4 0 0 0 .55 3.6a4 4 0 0 0 3.24 1.66H216a12 12 0 0 0 12-12v-78.32a4 4 0 0 0-1.66-3.24M220 200a4 4 0 0 1-4 4h-72.72l5.59-16.78l37.23-14.89a4 4 0 0 0 2.23-2.23l14.89-37.23l16.78-5.59Z"/></svg>
</template>

CSS

.icon-image-broken-thin {
  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%22M216%2044H40a12%2012%200%200%200-12%2012v144a12%2012%200%200%200%2012%2012h64a4%204%200%200%200%203.79-2.74L123.21%20163l38.28-15.31a4%204%200%200%200%202.22-2.22L179%20107.21l46.24-15.42A4%204%200%200%200%20228%2088V56a12%2012%200%200%200-12-12m-97.49%20112.29a4%204%200%200%200-2.3%202.45L101.12%20204H40a4%204%200%200%201-4-4v-29.66l53.17-53.17a4%204%200%200%201%205.66%200l34.71%2034.71ZM220%2085.12l-45.26%2015.09a4%204%200%200%200-2.45%202.3l-15.37%2038.41l-19.3%207.73l-37.13-37.14a12%2012%200%200%200-17%200L36%20159V56a4%204%200%200%201%204-4h176a4%204%200%200%201%204%204Zm6.34%2033.37a4%204%200%200%200-3.6-.55l-23.81%207.93a4%204%200%200%200-2.44%202.31l-15%2037.36l-37.36%2015a4%204%200%200%200-2.31%202.44l-7.93%2023.81a4%204%200%200%200%20.55%203.6a4%204%200%200%200%203.24%201.66H216a12%2012%200%200%200%2012-12v-78.32a4%204%200%200%200-1.66-3.24M220%20200a4%204%200%200%201-4%204h-72.72l5.59-16.78l37.23-14.89a4%204%200%200%200%202.23-2.23l14.89-37.23l16.78-5.59Z%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%22M216%2044H40a12%2012%200%200%200-12%2012v144a12%2012%200%200%200%2012%2012h64a4%204%200%200%200%203.79-2.74L123.21%20163l38.28-15.31a4%204%200%200%200%202.22-2.22L179%20107.21l46.24-15.42A4%204%200%200%200%20228%2088V56a12%2012%200%200%200-12-12m-97.49%20112.29a4%204%200%200%200-2.3%202.45L101.12%20204H40a4%204%200%200%201-4-4v-29.66l53.17-53.17a4%204%200%200%201%205.66%200l34.71%2034.71ZM220%2085.12l-45.26%2015.09a4%204%200%200%200-2.45%202.3l-15.37%2038.41l-19.3%207.73l-37.13-37.14a12%2012%200%200%200-17%200L36%20159V56a4%204%200%200%201%204-4h176a4%204%200%200%201%204%204Zm6.34%2033.37a4%204%200%200%200-3.6-.55l-23.81%207.93a4%204%200%200%200-2.44%202.31l-15%2037.36l-37.36%2015a4%204%200%200%200-2.31%202.44l-7.93%2023.81a4%204%200%200%200%20.55%203.6a4%204%200%200%200%203.24%201.66H216a12%2012%200%200%200%2012-12v-78.32a4%204%200%200%200-1.66-3.24M220%20200a4%204%200%200%201-4%204h-72.72l5.59-16.78l37.23-14.89a4%204%200%200%200%202.23-2.23l14.89-37.23l16.78-5.59Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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