setting error 03 icon
setting-error-03 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- setting-error-03
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the setting error 03 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M17 15v2m.009 2H17m5-2a5 5 0 1 1-10 0a5 5 0 0 1 10 0Zm-7.616-7.563a3.5 3.5 0 0 0-4.947 4.947"/><path d="M9.78 20.436c-.446-.446-.592-.58-.874-.697c-.285-.119-.58-.123-1.214-.123c-1.508 0-2.371 0-2.84-.468s-.468-1.332-.468-2.84c0-.63-.004-.926-.121-1.21s-.323-.496-.771-.944C2.928 13.59 2 12.886 2 12s.928-1.59 1.492-2.154c.446-.446.652-.658.77-.94c.118-.285.122-.58.122-1.214c0-1.508 0-2.371.468-2.84s1.332-.468 2.84-.468c.629 0 .925-.004 1.207-.12c.286-.117.498-.323.947-.772C10.41 2.928 11.21 2 12 2s1.59.928 2.154 1.492c.449.448.662.654.946.772c.283.116.579.12 1.208.12c1.508 0 2.371 0 2.84.468s.468 1.332.468 2.84c0 .632.004.928.122 1.211s.251.418.698.865"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSettingError03(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M17 15v2m.009 2H17m5-2a5 5 0 1 1-10 0a5 5 0 0 1 10 0Zm-7.616-7.563a3.5 3.5 0 0 0-4.947 4.947"/><path d="M9.78 20.436c-.446-.446-.592-.58-.874-.697c-.285-.119-.58-.123-1.214-.123c-1.508 0-2.371 0-2.84-.468s-.468-1.332-.468-2.84c0-.63-.004-.926-.121-1.21s-.323-.496-.771-.944C2.928 13.59 2 12.886 2 12s.928-1.59 1.492-2.154c.446-.446.652-.658.77-.94c.118-.285.122-.58.122-1.214c0-1.508 0-2.371.468-2.84s1.332-.468 2.84-.468c.629 0 .925-.004 1.207-.12c.286-.117.498-.323.947-.772C10.41 2.928 11.21 2 12 2s1.59.928 2.154 1.492c.449.448.662.654.946.772c.283.116.579.12 1.208.12c1.508 0 2.371 0 2.84.468s.468 1.332.468 2.84c0 .632.004.928.122 1.211s.251.418.698.865"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M17 15v2m.009 2H17m5-2a5 5 0 1 1-10 0a5 5 0 0 1 10 0Zm-7.616-7.563a3.5 3.5 0 0 0-4.947 4.947"/><path d="M9.78 20.436c-.446-.446-.592-.58-.874-.697c-.285-.119-.58-.123-1.214-.123c-1.508 0-2.371 0-2.84-.468s-.468-1.332-.468-2.84c0-.63-.004-.926-.121-1.21s-.323-.496-.771-.944C2.928 13.59 2 12.886 2 12s.928-1.59 1.492-2.154c.446-.446.652-.658.77-.94c.118-.285.122-.58.122-1.214c0-1.508 0-2.371.468-2.84s1.332-.468 2.84-.468c.629 0 .925-.004 1.207-.12c.286-.117.498-.323.947-.772C10.41 2.928 11.21 2 12 2s1.59.928 2.154 1.492c.449.448.662.654.946.772c.283.116.579.12 1.208.12c1.508 0 2.371 0 2.84.468s.468 1.332.468 2.84c0 .632.004.928.122 1.211s.251.418.698.865"/></g></svg> </template>
CSS
.icon-setting-error-03 {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17%2015v2m.009%202H17m5-2a5%205%200%201%201-10%200a5%205%200%200%201%2010%200Zm-7.616-7.563a3.5%203.5%200%200%200-4.947%204.947%22%2F%3E%3Cpath%20d%3D%22M9.78%2020.436c-.446-.446-.592-.58-.874-.697c-.285-.119-.58-.123-1.214-.123c-1.508%200-2.371%200-2.84-.468s-.468-1.332-.468-2.84c0-.63-.004-.926-.121-1.21s-.323-.496-.771-.944C2.928%2013.59%202%2012.886%202%2012s.928-1.59%201.492-2.154c.446-.446.652-.658.77-.94c.118-.285.122-.58.122-1.214c0-1.508%200-2.371.468-2.84s1.332-.468%202.84-.468c.629%200%20.925-.004%201.207-.12c.286-.117.498-.323.947-.772C10.41%202.928%2011.21%202%2012%202s1.59.928%202.154%201.492c.449.448.662.654.946.772c.283.116.579.12%201.208.12c1.508%200%202.371%200%202.84.468s.468%201.332.468%202.84c0%20.632.004.928.122%201.211s.251.418.698.865%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17%2015v2m.009%202H17m5-2a5%205%200%201%201-10%200a5%205%200%200%201%2010%200Zm-7.616-7.563a3.5%203.5%200%200%200-4.947%204.947%22%2F%3E%3Cpath%20d%3D%22M9.78%2020.436c-.446-.446-.592-.58-.874-.697c-.285-.119-.58-.123-1.214-.123c-1.508%200-2.371%200-2.84-.468s-.468-1.332-.468-2.84c0-.63-.004-.926-.121-1.21s-.323-.496-.771-.944C2.928%2013.59%202%2012.886%202%2012s.928-1.59%201.492-2.154c.446-.446.652-.658.77-.94c.118-.285.122-.58.122-1.214c0-1.508%200-2.371.468-2.84s1.332-.468%202.84-.468c.629%200%20.925-.004%201.207-.12c.286-.117.498-.323.947-.772C10.41%202.928%2011.21%202%2012%202s1.59.928%202.154%201.492c.449.448.662.654.946.772c.283.116.579.12%201.208.12c1.508%200%202.371%200%202.84.468s.468%201.332.468%202.84c0%20.632.004.928.122%201.211s.251.418.698.865%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/setting-error-03.svg?color=%231a73e8&size=48
