xbox controller error icon
xbox-controller-error-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- xbox-controller-error-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the xbox controller error icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M19.546 8.02c-1.06-.537-2.23-.623-3.302-.417L14 8.033a5.74 5.74 0 0 0-4.033 3.031c-2.734 5.383-4.788 9.773-5.59 13.51c-.822 3.836-.349 7.102 2.045 10.082c1.6 1.991 4.403 1.595 5.86-.066a478 478 0 0 0 3.394-3.92A4.77 4.77 0 0 1 19.297 29h2.856C23.115 22.77 28.5 18 35 18c2.702 0 5.212.825 7.291 2.236c-1.042-2.713-2.508-5.74-4.251-9.172a5.74 5.74 0 0 0-4.033-3.031l-2.243-.43c-1.072-.206-2.243-.12-3.303.417q-.308.156-.626.327c-.784.42-1.626.653-2.462.653h-2.738c-.837 0-1.679-.232-2.462-.653a29 29 0 0 0-.627-.327M24 18a2 2 0 1 1 0-4a2 2 0 0 1 0 4m22 13c0 6.075-4.925 11-11 11s-11-4.925-11-11s4.925-11 11-11s11 4.925 11 11m-10-6a1 1 0 1 0-2 0v8a1 1 0 1 0 2 0zm-1 13.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentXboxControllerError48Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M19.546 8.02c-1.06-.537-2.23-.623-3.302-.417L14 8.033a5.74 5.74 0 0 0-4.033 3.031c-2.734 5.383-4.788 9.773-5.59 13.51c-.822 3.836-.349 7.102 2.045 10.082c1.6 1.991 4.403 1.595 5.86-.066a478 478 0 0 0 3.394-3.92A4.77 4.77 0 0 1 19.297 29h2.856C23.115 22.77 28.5 18 35 18c2.702 0 5.212.825 7.291 2.236c-1.042-2.713-2.508-5.74-4.251-9.172a5.74 5.74 0 0 0-4.033-3.031l-2.243-.43c-1.072-.206-2.243-.12-3.303.417q-.308.156-.626.327c-.784.42-1.626.653-2.462.653h-2.738c-.837 0-1.679-.232-2.462-.653a29 29 0 0 0-.627-.327M24 18a2 2 0 1 1 0-4a2 2 0 0 1 0 4m22 13c0 6.075-4.925 11-11 11s-11-4.925-11-11s4.925-11 11-11s11 4.925 11 11m-10-6a1 1 0 1 0-2 0v8a1 1 0 1 0 2 0zm-1 13.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M19.546 8.02c-1.06-.537-2.23-.623-3.302-.417L14 8.033a5.74 5.74 0 0 0-4.033 3.031c-2.734 5.383-4.788 9.773-5.59 13.51c-.822 3.836-.349 7.102 2.045 10.082c1.6 1.991 4.403 1.595 5.86-.066a478 478 0 0 0 3.394-3.92A4.77 4.77 0 0 1 19.297 29h2.856C23.115 22.77 28.5 18 35 18c2.702 0 5.212.825 7.291 2.236c-1.042-2.713-2.508-5.74-4.251-9.172a5.74 5.74 0 0 0-4.033-3.031l-2.243-.43c-1.072-.206-2.243-.12-3.303.417q-.308.156-.626.327c-.784.42-1.626.653-2.462.653h-2.738c-.837 0-1.679-.232-2.462-.653a29 29 0 0 0-.627-.327M24 18a2 2 0 1 1 0-4a2 2 0 0 1 0 4m22 13c0 6.075-4.925 11-11 11s-11-4.925-11-11s4.925-11 11-11s11 4.925 11 11m-10-6a1 1 0 1 0-2 0v8a1 1 0 1 0 2 0zm-1 13.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5"/></svg> </template>
CSS
.icon-xbox-controller-error-48-filled {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.546%208.02c-1.06-.537-2.23-.623-3.302-.417L14%208.033a5.74%205.74%200%200%200-4.033%203.031c-2.734%205.383-4.788%209.773-5.59%2013.51c-.822%203.836-.349%207.102%202.045%2010.082c1.6%201.991%204.403%201.595%205.86-.066a478%20478%200%200%200%203.394-3.92A4.77%204.77%200%200%201%2019.297%2029h2.856C23.115%2022.77%2028.5%2018%2035%2018c2.702%200%205.212.825%207.291%202.236c-1.042-2.713-2.508-5.74-4.251-9.172a5.74%205.74%200%200%200-4.033-3.031l-2.243-.43c-1.072-.206-2.243-.12-3.303.417q-.308.156-.626.327c-.784.42-1.626.653-2.462.653h-2.738c-.837%200-1.679-.232-2.462-.653a29%2029%200%200%200-.627-.327M24%2018a2%202%200%201%201%200-4a2%202%200%200%201%200%204m22%2013c0%206.075-4.925%2011-11%2011s-11-4.925-11-11s4.925-11%2011-11s11%204.925%2011%2011m-10-6a1%201%200%201%200-2%200v8a1%201%200%201%200%202%200zm-1%2013.25a1.25%201.25%200%201%200%200-2.5a1.25%201.25%200%200%200%200%202.5%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.546%208.02c-1.06-.537-2.23-.623-3.302-.417L14%208.033a5.74%205.74%200%200%200-4.033%203.031c-2.734%205.383-4.788%209.773-5.59%2013.51c-.822%203.836-.349%207.102%202.045%2010.082c1.6%201.991%204.403%201.595%205.86-.066a478%20478%200%200%200%203.394-3.92A4.77%204.77%200%200%201%2019.297%2029h2.856C23.115%2022.77%2028.5%2018%2035%2018c2.702%200%205.212.825%207.291%202.236c-1.042-2.713-2.508-5.74-4.251-9.172a5.74%205.74%200%200%200-4.033-3.031l-2.243-.43c-1.072-.206-2.243-.12-3.303.417q-.308.156-.626.327c-.784.42-1.626.653-2.462.653h-2.738c-.837%200-1.679-.232-2.462-.653a29%2029%200%200%200-.627-.327M24%2018a2%202%200%201%201%200-4a2%202%200%200%201%200%204m22%2013c0%206.075-4.925%2011-11%2011s-11-4.925-11-11s4.925-11%2011-11s11%204.925%2011%2011m-10-6a1%201%200%201%200-2%200v8a1%201%200%201%200%202%200zm-1%2013.25a1.25%201.25%200%201%200%200-2.5a1.25%201.25%200%200%200%200%202.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/xbox-controller-error-48-filled.svg?color=%231a73e8&size=48
