ghost icon
ghost-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- ghost-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
ghostBoxIcons v2ghostBoxIcons v2 SolidghostDeviconghostEmoji One (Colored)ghostFont Awesome 6 SolidghostFluent EmojighostFluent Emoji FlatghostFluent Emoji High Contrastghostcss.ggghostHuge IconsghostJam IconsghostLine AwesomeghostSVG LogosghostLucideghostMajesticonsghostMaterial Design Iconsghost-fillMingCute IconghostNoto EmojighostOpenMojighostPhosphorghost-fillRemix IconghostSimple Iconsghost-boldSolarghostStreamline Emojis
Related icons in Tabler Icons
Use the ghost icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a8 8 0 0 1 7.996 7.75L20 11l-.001 6.954l.01.103a2.78 2.78 0 0 1-1.468 2.618l-.163.08c-1.053.475-2.283.248-3.129-.593l-.137-.146a.65.65 0 0 0-1.024 0a2.65 2.65 0 0 1-4.176 0a.65.65 0 0 0-.512-.25c-.2 0-.389.092-.55.296a2.78 2.78 0 0 1-4.859-2.005l.008-.091L4 11l.004-.25A8 8 0 0 1 12 3m2.82 10.429a1 1 0 0 0-1.391-.25a2.5 2.5 0 0 1-2.858 0a1 1 0 0 0-1.142 1.642a4.5 4.5 0 0 0 5.142 0a1 1 0 0 0 .25-1.392zM10.01 9l-.127.007A1 1 0 0 0 10 11l.127-.007A1 1 0 0 0 10.01 9m4 0l-.127.007A1 1 0 0 0 14 11l.127-.007A1 1 0 0 0 14.01 9"/></svg>
React
import type { SVGProps } from "react";
export function TablerGhostFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a8 8 0 0 1 7.996 7.75L20 11l-.001 6.954l.01.103a2.78 2.78 0 0 1-1.468 2.618l-.163.08c-1.053.475-2.283.248-3.129-.593l-.137-.146a.65.65 0 0 0-1.024 0a2.65 2.65 0 0 1-4.176 0a.65.65 0 0 0-.512-.25c-.2 0-.389.092-.55.296a2.78 2.78 0 0 1-4.859-2.005l.008-.091L4 11l.004-.25A8 8 0 0 1 12 3m2.82 10.429a1 1 0 0 0-1.391-.25a2.5 2.5 0 0 1-2.858 0a1 1 0 0 0-1.142 1.642a4.5 4.5 0 0 0 5.142 0a1 1 0 0 0 .25-1.392zM10.01 9l-.127.007A1 1 0 0 0 10 11l.127-.007A1 1 0 0 0 10.01 9m4 0l-.127.007A1 1 0 0 0 14 11l.127-.007A1 1 0 0 0 14.01 9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a8 8 0 0 1 7.996 7.75L20 11l-.001 6.954l.01.103a2.78 2.78 0 0 1-1.468 2.618l-.163.08c-1.053.475-2.283.248-3.129-.593l-.137-.146a.65.65 0 0 0-1.024 0a2.65 2.65 0 0 1-4.176 0a.65.65 0 0 0-.512-.25c-.2 0-.389.092-.55.296a2.78 2.78 0 0 1-4.859-2.005l.008-.091L4 11l.004-.25A8 8 0 0 1 12 3m2.82 10.429a1 1 0 0 0-1.391-.25a2.5 2.5 0 0 1-2.858 0a1 1 0 0 0-1.142 1.642a4.5 4.5 0 0 0 5.142 0a1 1 0 0 0 .25-1.392zM10.01 9l-.127.007A1 1 0 0 0 10 11l.127-.007A1 1 0 0 0 10.01 9m4 0l-.127.007A1 1 0 0 0 14 11l.127-.007A1 1 0 0 0 14.01 9"/></svg> </template>
CSS
.icon-ghost-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203a8%208%200%200%201%207.996%207.75L20%2011l-.001%206.954l.01.103a2.78%202.78%200%200%201-1.468%202.618l-.163.08c-1.053.475-2.283.248-3.129-.593l-.137-.146a.65.65%200%200%200-1.024%200a2.65%202.65%200%200%201-4.176%200a.65.65%200%200%200-.512-.25c-.2%200-.389.092-.55.296a2.78%202.78%200%200%201-4.859-2.005l.008-.091L4%2011l.004-.25A8%208%200%200%201%2012%203m2.82%2010.429a1%201%200%200%200-1.391-.25a2.5%202.5%200%200%201-2.858%200a1%201%200%200%200-1.142%201.642a4.5%204.5%200%200%200%205.142%200a1%201%200%200%200%20.25-1.392zM10.01%209l-.127.007A1%201%200%200%200%2010%2011l.127-.007A1%201%200%200%200%2010.01%209m4%200l-.127.007A1%201%200%200%200%2014%2011l.127-.007A1%201%200%200%200%2014.01%209%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203a8%208%200%200%201%207.996%207.75L20%2011l-.001%206.954l.01.103a2.78%202.78%200%200%201-1.468%202.618l-.163.08c-1.053.475-2.283.248-3.129-.593l-.137-.146a.65.65%200%200%200-1.024%200a2.65%202.65%200%200%201-4.176%200a.65.65%200%200%200-.512-.25c-.2%200-.389.092-.55.296a2.78%202.78%200%200%201-4.859-2.005l.008-.091L4%2011l.004-.25A8%208%200%200%201%2012%203m2.82%2010.429a1%201%200%200%200-1.391-.25a2.5%202.5%200%200%201-2.858%200a1%201%200%200%200-1.142%201.642a4.5%204.5%200%200%200%205.142%200a1%201%200%200%200%20.25-1.392zM10.01%209l-.127.007A1%201%200%200%200%2010%2011l.127-.007A1%201%200%200%200%2010.01%209m4%200l-.127.007A1%201%200%200%200%2014%2011l.127-.007A1%201%200%200%200%2014.01%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/ghost-filled.svg?color=%231a73e8&size=48
