missing data warning icon

missing-data-warning from Carbon by IBM · Outline · Organization · Apache-2.0 Free for personal and commercial use.

Name
missing-data-warning
Set
Carbon
Style
Outline
Category
Organization
Viewbox
32×32
License
Apache 2.0

More organization icons from Carbon

Use the missing data warning icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 30H7c-1.103 0-2-.897-2-2V4c0-1.103.897-2 2-2h10a1 1 0 0 1 .707.293l7 7A1 1 0 0 1 25 10v4h-2v-2h-6c-1.103 0-2-.897-2-2V4H7v24h8zm2-25.586V10h5.586zM15 23h-5v-2h5zm5-5H10v-2h10zm10.91 10.94l-6.28-11.57a.72.72 0 0 0-.98-.28c-.11.07-.21.16-.28.28l-6.28 11.57c-.19.34-.06.78.29.97c.1.06.22.09.34.09h12.56a.717.717 0 0 0 .63-1.06M23.25 21h1.5v4h-1.5zm.75 7c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1"/></svg>

React

import type { SVGProps } from "react";

export function CarbonMissingDataWarning(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 30H7c-1.103 0-2-.897-2-2V4c0-1.103.897-2 2-2h10a1 1 0 0 1 .707.293l7 7A1 1 0 0 1 25 10v4h-2v-2h-6c-1.103 0-2-.897-2-2V4H7v24h8zm2-25.586V10h5.586zM15 23h-5v-2h5zm5-5H10v-2h10zm10.91 10.94l-6.28-11.57a.72.72 0 0 0-.98-.28c-.11.07-.21.16-.28.28l-6.28 11.57c-.19.34-.06.78.29.97c.1.06.22.09.34.09h12.56a.717.717 0 0 0 .63-1.06M23.25 21h1.5v4h-1.5zm.75 7c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 30H7c-1.103 0-2-.897-2-2V4c0-1.103.897-2 2-2h10a1 1 0 0 1 .707.293l7 7A1 1 0 0 1 25 10v4h-2v-2h-6c-1.103 0-2-.897-2-2V4H7v24h8zm2-25.586V10h5.586zM15 23h-5v-2h5zm5-5H10v-2h10zm10.91 10.94l-6.28-11.57a.72.72 0 0 0-.98-.28c-.11.07-.21.16-.28.28l-6.28 11.57c-.19.34-.06.78.29.97c.1.06.22.09.34.09h12.56a.717.717 0 0 0 .63-1.06M23.25 21h1.5v4h-1.5zm.75 7c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1"/></svg>
</template>

CSS

.icon-missing-data-warning {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%2030H7c-1.103%200-2-.897-2-2V4c0-1.103.897-2%202-2h10a1%201%200%200%201%20.707.293l7%207A1%201%200%200%201%2025%2010v4h-2v-2h-6c-1.103%200-2-.897-2-2V4H7v24h8zm2-25.586V10h5.586zM15%2023h-5v-2h5zm5-5H10v-2h10zm10.91%2010.94l-6.28-11.57a.72.72%200%200%200-.98-.28c-.11.07-.21.16-.28.28l-6.28%2011.57c-.19.34-.06.78.29.97c.1.06.22.09.34.09h12.56a.717.717%200%200%200%20.63-1.06M23.25%2021h1.5v4h-1.5zm.75%207c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%2030H7c-1.103%200-2-.897-2-2V4c0-1.103.897-2%202-2h10a1%201%200%200%201%20.707.293l7%207A1%201%200%200%201%2025%2010v4h-2v-2h-6c-1.103%200-2-.897-2-2V4H7v24h8zm2-25.586V10h5.586zM15%2023h-5v-2h5zm5-5H10v-2h10zm10.91%2010.94l-6.28-11.57a.72.72%200%200%200-.98-.28c-.11.07-.21.16-.28.28l-6.28%2011.57c-.19.34-.06.78.29.97c.1.06.22.09.34.09h12.56a.717.717%200%200%200%20.63-1.06M23.25%2021h1.5v4h-1.5zm.75%207c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/missing-data-warning.svg?color=%231a73e8&size=48