skull crossbones icon

skull-crossbones from Font Awesome 6 Solid by Dave Gandy · Regular · Alert · CC-BY-4.0 Attribution required.

Name: skull-crossbones
Set: Font Awesome 6 Solid
Style: Regular
Category: Alert
Viewbox: 448×512
License: CC BY 4.0

The same icon in other sets

skull-crossbonesFont Awesome Solid skull-crossbonesLine Awesome skull-crossbonesMaterial Design Icons

More alert icons from Font Awesome 6 Solid

Use the skull crossbones icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M368 128c0 44.4-25.4 83.5-64 106.4V256c0 17.7-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32v-21.6c-38.6-23-64-62.1-64-106.4C80 57.3 144.5 0 224 0s144 57.3 144 128m-200 48a32 32 0 1 0 0-64a32 32 0 1 0 0 64m144-32a32 32 0 1 0-64 0a32 32 0 1 0 64 0M3.4 273.7c7.9-15.8 27.1-22.2 42.9-14.3L224 348.2l177.7-88.8c15.8-7.9 35-1.5 42.9 14.3s1.5 35-14.3 42.9L295.6 384l134.8 67.4c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3L224 419.8L46.3 508.6c-15.8 7.9-35 1.5-42.9-14.3s-1.5-35 14.3-42.9L152.4 384L17.7 316.6c-15.8-7.9-22.2-27.1-14.3-42.9"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidSkullCrossbones(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M368 128c0 44.4-25.4 83.5-64 106.4V256c0 17.7-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32v-21.6c-38.6-23-64-62.1-64-106.4C80 57.3 144.5 0 224 0s144 57.3 144 128m-200 48a32 32 0 1 0 0-64a32 32 0 1 0 0 64m144-32a32 32 0 1 0-64 0a32 32 0 1 0 64 0M3.4 273.7c7.9-15.8 27.1-22.2 42.9-14.3L224 348.2l177.7-88.8c15.8-7.9 35-1.5 42.9 14.3s1.5 35-14.3 42.9L295.6 384l134.8 67.4c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3L224 419.8L46.3 508.6c-15.8 7.9-35 1.5-42.9-14.3s-1.5-35 14.3-42.9L152.4 384L17.7 316.6c-15.8-7.9-22.2-27.1-14.3-42.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M368 128c0 44.4-25.4 83.5-64 106.4V256c0 17.7-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32v-21.6c-38.6-23-64-62.1-64-106.4C80 57.3 144.5 0 224 0s144 57.3 144 128m-200 48a32 32 0 1 0 0-64a32 32 0 1 0 0 64m144-32a32 32 0 1 0-64 0a32 32 0 1 0 64 0M3.4 273.7c7.9-15.8 27.1-22.2 42.9-14.3L224 348.2l177.7-88.8c15.8-7.9 35-1.5 42.9 14.3s1.5 35-14.3 42.9L295.6 384l134.8 67.4c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3L224 419.8L46.3 508.6c-15.8 7.9-35 1.5-42.9-14.3s-1.5-35 14.3-42.9L152.4 384L17.7 316.6c-15.8-7.9-22.2-27.1-14.3-42.9"/></svg>
</template>

CSS

.icon-skull-crossbones {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M368%20128c0%2044.4-25.4%2083.5-64%20106.4V256c0%2017.7-14.3%2032-32%2032h-96c-17.7%200-32-14.3-32-32v-21.6c-38.6-23-64-62.1-64-106.4C80%2057.3%20144.5%200%20224%200s144%2057.3%20144%20128m-200%2048a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064m144-32a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200M3.4%20273.7c7.9-15.8%2027.1-22.2%2042.9-14.3L224%20348.2l177.7-88.8c15.8-7.9%2035-1.5%2042.9%2014.3s1.5%2035-14.3%2042.9L295.6%20384l134.8%2067.4c15.8%207.9%2022.2%2027.1%2014.3%2042.9s-27.1%2022.2-42.9%2014.3L224%20419.8L46.3%20508.6c-15.8%207.9-35%201.5-42.9-14.3s-1.5-35%2014.3-42.9L152.4%20384L17.7%20316.6c-15.8-7.9-22.2-27.1-14.3-42.9%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M368%20128c0%2044.4-25.4%2083.5-64%20106.4V256c0%2017.7-14.3%2032-32%2032h-96c-17.7%200-32-14.3-32-32v-21.6c-38.6-23-64-62.1-64-106.4C80%2057.3%20144.5%200%20224%200s144%2057.3%20144%20128m-200%2048a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064m144-32a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200M3.4%20273.7c7.9-15.8%2027.1-22.2%2042.9-14.3L224%20348.2l177.7-88.8c15.8-7.9%2035-1.5%2042.9%2014.3s1.5%2035-14.3%2042.9L295.6%20384l134.8%2067.4c15.8%207.9%2022.2%2027.1%2014.3%2042.9s-27.1%2022.2-42.9%2014.3L224%20419.8L46.3%20508.6c-15.8%207.9-35%201.5-42.9-14.3s-1.5-35%2014.3-42.9L152.4%20384L17.7%20316.6c-15.8-7.9-22.2-27.1-14.3-42.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/skull-crossbones.svg?color=%231a73e8&size=48