Skull Outline icon
healthicons:skull-outline
The Skull Outline icon (healthicons:skull-outline) is a free SVG icon from the Health Icons set by Resolve to Save Lives. It is drawn on a 48 × 48 grid. Health Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Health Icons
- Author
- Resolve to Save Lives
- License
- MIT
- Size
- 48 × 48
- Category
- Body
- Tags
- skulloutline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M19 19c1.214 0 2.236.658 2.921 1.572C22.606 21.485 23 22.7 23 24s-.394 2.515-1.079 3.428C21.236 28.342 20.214 29 19 29s-2.236-.658-2.921-1.572C15.394 26.515 15 25.3 15 24s.394-2.515 1.079-3.428C16.764 19.658 17.786 19 19 19m2 5c0-.91-.278-1.694-.679-2.228c-.4-.535-.878-.772-1.321-.772s-.92.237-1.321.772C17.278 22.306 17 23.09 17 24s.278 1.694.679 2.228c.4.535.878.772 1.321.772s.92-.237 1.321-.772C20.722 25.694 21 24.91 21 24m5.079-3.428C26.764 19.658 27.786 19 29 19s2.236.658 2.921 1.572C32.606 21.485 33 22.7 33 24s-.394 2.515-1.079 3.428C31.236 28.342 30.214 29 29 29s-2.236-.658-2.921-1.572C25.394 26.515 25 25.3 25 24s.394-2.515 1.079-3.428m1.6 1.2C27.278 22.306 27 23.09 27 24s.278 1.694.679 2.228c.4.535.878.772 1.321.772s.92-.237 1.321-.772C30.722 25.694 31 24.91 31 24s-.278-1.694-.679-2.228c-.4-.535-.878-.772-1.321-.772s-.92.237-1.321.772" clip-rule="evenodd"/><path d="m24 29l-.018.008c-.25.117-2.982 1.44-2.982 3.268c0 .83.58 1.604 1.4 1.711q.095.013.194.013c.639 0 1.113-.372 1.406-.9c.293.528.767.9 1.406.9q.099 0 .195-.013c.82-.107 1.399-.88 1.399-1.711c0-1.907-2.982-3.268-2.982-3.268z"/><path fill-rule="evenodd" d="M12.97 7.557C10.361 9.822 9 12.98 9 16.5c0 3.431.799 5.584 1.606 7.197c.183.367.366.705.531 1.01l.035.063c.177.327.328.608.455.877c.252.531.373.939.373 1.353v4a1 1 0 0 0 1 1h.016c.014.543.04 1.27.089 2.086c.103 1.719.313 3.902.75 5.57a2.6 2.6 0 0 0 1.12 1.536C16.265 42.019 19.778 44 24 44s7.736-1.981 9.025-2.808a2.6 2.6 0 0 0 1.12-1.537c.437-1.667.647-3.85.75-5.569c.05-.816.075-1.543.09-2.086H35a1 1 0 0 0 1-1v-4c0-.414.12-.822.373-1.353c.127-.269.278-.55.455-.877l.034-.064c.166-.304.349-.642.532-1.009C38.201 22.084 39 19.931 39 16.5c0-3.52-1.362-6.678-3.97-8.943C32.434 5.302 28.682 4 24 4s-8.433 1.302-11.03 3.557m19.646 24.981q.15-.102.358-.196a58 58 0 0 1-.075 1.624c-.102 1.699-.304 3.716-.69 5.18a.6.6 0 0 1-.264.362C30.766 40.265 27.648 42 24 42s-6.766-1.736-7.945-2.492a.6.6 0 0 1-.265-.361c-.385-1.465-.587-3.482-.689-5.18a58 58 0 0 1-.075-1.625q.208.093.358.196c.398.271.605.626.711 1.029c.112.425.108.896.06 1.33a9 9 0 0 1-.086.57l-.008.044c-.011.065-.024.134-.033.193A2 2 0 0 0 16 36c0 .855.724 1.611 1.85 2.104c1.18.516 3.087.896 6.15.896s4.97-.38 6.15-.896C31.277 37.61 32 36.854 32 36c0-.12-.02-.241-.028-.296l-.033-.193l-.008-.044a9 9 0 0 1-.086-.57c-.048-.434-.052-.905.06-1.33c.106-.404.313-.758.711-1.029m-3.267 3.733C28.53 36.63 26.937 37 24 37s-4.53-.37-5.35-.729c-.378-.165-.55-.305-.625-.381l.013-.074c.032-.176.073-.418.104-.698c.061-.55.088-1.298-.112-2.06c-.207-.784-.656-1.586-1.523-2.174c-.65-.442-1.48-.725-2.507-.834V27c0-.836-.254-1.553-.565-2.21a20 20 0 0 0-.505-.974l-.032-.058a34 34 0 0 1-.504-.955C11.701 21.416 11 19.569 11 16.5c0-2.98 1.138-5.572 3.28-7.432C16.434 7.198 19.682 6 24 6s7.567 1.198 9.72 3.068C35.861 10.928 37 13.52 37 16.5c0 3.069-.701 4.916-1.394 6.303c-.169.336-.337.647-.504.955l-.032.058c-.174.322-.351.65-.505.975c-.31.656-.565 1.373-.565 2.209v3.05c-1.028.109-1.857.392-2.507.834c-.867.588-1.316 1.39-1.523 2.174c-.2.762-.173 1.51-.112 2.06c.03.28.072.522.104.698l.013.074c-.075.076-.247.216-.626.381" clip-rule="evenodd"/></g></svg>How to use the Skull Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:skull-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:skull-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:skull-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--skull-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:skull-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:skull-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/healthicons/skull-outline.svg" alt="Skull Outline icon" width="24" height="24">Related icons in Health Icons
Skull Outline icon in other icon sets
Skull Outline icon FAQ
Is the Skull Outline icon free for commercial use?
Yes. Health Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Skull Outline icon in React?
Install @iconify/react and render <Icon icon="healthicons:skull-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Skull Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/healthicons/skull-outline.svg" alt="Skull Outline icon">, or paste the SVG code inline to style it with CSS.