fault icon

fault-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name
fault-fill
Set
MingCute Icon
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in MingCute Icon

fault-line

Use the fault icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.796 3.711a1.5 1.5 0 0 1 1.96.076a94 94 0 0 1 4.084 4.07a95 95 0 0 0 2.915-3.703a1.504 1.504 0 0 1 2.39-.024l1.815 2.335c.44.566.421 1.372-.062 1.915a59 59 0 0 1-3.443 3.535a97 97 0 0 1 3.459 4.37c.515.691.34 1.668-.371 2.142l-1.331.888a1.5 1.5 0 0 1-1.929-.224a92 92 0 0 0-3.706-3.736c-1.694 1.42-3.43 2.792-5.172 4.156a1.5 1.5 0 0 1-2.21-.41l-.562-.934a1.5 1.5 0 0 1 .262-1.869a92 92 0 0 0 4.146-4.137a94 94 0 0 0-4.896-3.92a1.503 1.503 0 0 1-.04-2.377z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteFaultFill(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" fillRule="evenodd" d="M6.796 3.711a1.5 1.5 0 0 1 1.96.076a94 94 0 0 1 4.084 4.07a95 95 0 0 0 2.915-3.703a1.504 1.504 0 0 1 2.39-.024l1.815 2.335c.44.566.421 1.372-.062 1.915a59 59 0 0 1-3.443 3.535a97 97 0 0 1 3.459 4.37c.515.691.34 1.668-.371 2.142l-1.331.888a1.5 1.5 0 0 1-1.929-.224a92 92 0 0 0-3.706-3.736c-1.694 1.42-3.43 2.792-5.172 4.156a1.5 1.5 0 0 1-2.21-.41l-.562-.934a1.5 1.5 0 0 1 .262-1.869a92 92 0 0 0 4.146-4.137a94 94 0 0 0-4.896-3.92a1.503 1.503 0 0 1-.04-2.377z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.796 3.711a1.5 1.5 0 0 1 1.96.076a94 94 0 0 1 4.084 4.07a95 95 0 0 0 2.915-3.703a1.504 1.504 0 0 1 2.39-.024l1.815 2.335c.44.566.421 1.372-.062 1.915a59 59 0 0 1-3.443 3.535a97 97 0 0 1 3.459 4.37c.515.691.34 1.668-.371 2.142l-1.331.888a1.5 1.5 0 0 1-1.929-.224a92 92 0 0 0-3.706-3.736c-1.694 1.42-3.43 2.792-5.172 4.156a1.5 1.5 0 0 1-2.21-.41l-.562-.934a1.5 1.5 0 0 1 .262-1.869a92 92 0 0 0 4.146-4.137a94 94 0 0 0-4.896-3.92a1.503 1.503 0 0 1-.04-2.377z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-fault-fill {
  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%20fill-rule%3D%22evenodd%22%20d%3D%22M6.796%203.711a1.5%201.5%200%200%201%201.96.076a94%2094%200%200%201%204.084%204.07a95%2095%200%200%200%202.915-3.703a1.504%201.504%200%200%201%202.39-.024l1.815%202.335c.44.566.421%201.372-.062%201.915a59%2059%200%200%201-3.443%203.535a97%2097%200%200%201%203.459%204.37c.515.691.34%201.668-.371%202.142l-1.331.888a1.5%201.5%200%200%201-1.929-.224a92%2092%200%200%200-3.706-3.736c-1.694%201.42-3.43%202.792-5.172%204.156a1.5%201.5%200%200%201-2.21-.41l-.562-.934a1.5%201.5%200%200%201%20.262-1.869a92%2092%200%200%200%204.146-4.137a94%2094%200%200%200-4.896-3.92a1.503%201.503%200%200%201-.04-2.377z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M6.796%203.711a1.5%201.5%200%200%201%201.96.076a94%2094%200%200%201%204.084%204.07a95%2095%200%200%200%202.915-3.703a1.504%201.504%200%200%201%202.39-.024l1.815%202.335c.44.566.421%201.372-.062%201.915a59%2059%200%200%201-3.443%203.535a97%2097%200%200%201%203.459%204.37c.515.691.34%201.668-.371%202.142l-1.331.888a1.5%201.5%200%200%201-1.929-.224a92%2092%200%200%200-3.706-3.736c-1.694%201.42-3.43%202.792-5.172%204.156a1.5%201.5%200%200%201-2.21-.41l-.562-.934a1.5%201.5%200%200%201%20.262-1.869a92%2092%200%200%200%204.146-4.137a94%2094%200%200%200-4.896-3.92a1.503%201.503%200%200%201-.04-2.377z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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