skull icon

skull-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
skull-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

skullskull-boldskull-duotoneskull-fillskull-thin

The same icon in other sets

skullBoxIcons v2 SolidskullEmoji One (Colored)skullFont Awesome 6 SolidskullFont Awesome SolidskullFluent EmojiskullFluent Emoji FlatskullFluent Emoji High ContrastskullFirefox OS EmojiskullHealth IconsskullHuge IconsskullHumbleiconsskullIconParkskullIconPark OutlineskullIconPark SolidskullIconPark TwoToneskullIonIconsskullJam IconsskullLine AwesomeskullLucideskullMajesticonsskullMaterial SymbolsskullMaterial Symbols LightskullMaterial Design Iconsskull-fillMingCute Icon

Use the skull icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M92 106a26 26 0 1 0 26 26a26 26 0 0 0-26-26m0 40a14 14 0 1 1 14-14a14 14 0 0 1-14 14m72-40a26 26 0 1 0 26 26a26 26 0 0 0-26-26m0 40a14 14 0 1 1 14-14a14 14 0 0 1-14 14M128 18C71.76 18 26 62 26 116c0 33.77 18.3 65.31 48 83.15V216a14 14 0 0 0 14 14h80a14 14 0 0 0 14-14v-16.85c29.7-17.84 48-49.38 48-83.15c0-54-45.76-98-102-98m45.09 172.44a6 6 0 0 0-3.09 5.25V216a2 2 0 0 1-2 2h-18v-26a6 6 0 0 0-12 0v26h-20v-26a6 6 0 0 0-12 0v26H88a2 2 0 0 1-2-2v-20.31a6 6 0 0 0-3.09-5.25C55.21 175.09 38 146.56 38 116c0-47.42 40.37-86 90-86s90 38.58 90 86c0 30.56-17.21 59.09-44.91 74.44"/></svg>

React

import type { SVGProps } from "react";

export function PhSkullLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M92 106a26 26 0 1 0 26 26a26 26 0 0 0-26-26m0 40a14 14 0 1 1 14-14a14 14 0 0 1-14 14m72-40a26 26 0 1 0 26 26a26 26 0 0 0-26-26m0 40a14 14 0 1 1 14-14a14 14 0 0 1-14 14M128 18C71.76 18 26 62 26 116c0 33.77 18.3 65.31 48 83.15V216a14 14 0 0 0 14 14h80a14 14 0 0 0 14-14v-16.85c29.7-17.84 48-49.38 48-83.15c0-54-45.76-98-102-98m45.09 172.44a6 6 0 0 0-3.09 5.25V216a2 2 0 0 1-2 2h-18v-26a6 6 0 0 0-12 0v26h-20v-26a6 6 0 0 0-12 0v26H88a2 2 0 0 1-2-2v-20.31a6 6 0 0 0-3.09-5.25C55.21 175.09 38 146.56 38 116c0-47.42 40.37-86 90-86s90 38.58 90 86c0 30.56-17.21 59.09-44.91 74.44"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M92 106a26 26 0 1 0 26 26a26 26 0 0 0-26-26m0 40a14 14 0 1 1 14-14a14 14 0 0 1-14 14m72-40a26 26 0 1 0 26 26a26 26 0 0 0-26-26m0 40a14 14 0 1 1 14-14a14 14 0 0 1-14 14M128 18C71.76 18 26 62 26 116c0 33.77 18.3 65.31 48 83.15V216a14 14 0 0 0 14 14h80a14 14 0 0 0 14-14v-16.85c29.7-17.84 48-49.38 48-83.15c0-54-45.76-98-102-98m45.09 172.44a6 6 0 0 0-3.09 5.25V216a2 2 0 0 1-2 2h-18v-26a6 6 0 0 0-12 0v26h-20v-26a6 6 0 0 0-12 0v26H88a2 2 0 0 1-2-2v-20.31a6 6 0 0 0-3.09-5.25C55.21 175.09 38 146.56 38 116c0-47.42 40.37-86 90-86s90 38.58 90 86c0 30.56-17.21 59.09-44.91 74.44"/></svg>
</template>

CSS

.icon-skull-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M92%20106a26%2026%200%201%200%2026%2026a26%2026%200%200%200-26-26m0%2040a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m72-40a26%2026%200%201%200%2026%2026a26%2026%200%200%200-26-26m0%2040a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014M128%2018C71.76%2018%2026%2062%2026%20116c0%2033.77%2018.3%2065.31%2048%2083.15V216a14%2014%200%200%200%2014%2014h80a14%2014%200%200%200%2014-14v-16.85c29.7-17.84%2048-49.38%2048-83.15c0-54-45.76-98-102-98m45.09%20172.44a6%206%200%200%200-3.09%205.25V216a2%202%200%200%201-2%202h-18v-26a6%206%200%200%200-12%200v26h-20v-26a6%206%200%200%200-12%200v26H88a2%202%200%200%201-2-2v-20.31a6%206%200%200%200-3.09-5.25C55.21%20175.09%2038%20146.56%2038%20116c0-47.42%2040.37-86%2090-86s90%2038.58%2090%2086c0%2030.56-17.21%2059.09-44.91%2074.44%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M92%20106a26%2026%200%201%200%2026%2026a26%2026%200%200%200-26-26m0%2040a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m72-40a26%2026%200%201%200%2026%2026a26%2026%200%200%200-26-26m0%2040a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014M128%2018C71.76%2018%2026%2062%2026%20116c0%2033.77%2018.3%2065.31%2048%2083.15V216a14%2014%200%200%200%2014%2014h80a14%2014%200%200%200%2014-14v-16.85c29.7-17.84%2048-49.38%2048-83.15c0-54-45.76-98-102-98m45.09%20172.44a6%206%200%200%200-3.09%205.25V216a2%202%200%200%201-2%202h-18v-26a6%206%200%200%200-12%200v26h-20v-26a6%206%200%200%200-12%200v26H88a2%202%200%200%201-2-2v-20.31a6%206%200%200%200-3.09-5.25C55.21%20175.09%2038%20146.56%2038%20116c0-47.42%2040.37-86%2090-86s90%2038.58%2090%2086c0%2030.56-17.21%2059.09-44.91%2074.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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