detective icon
detective-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- detective-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the detective icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M248 114h-28.94L171 47.77a14 14 0 0 0-22.16-.61l-12.91 14.92a1 1 0 0 0-.14.17a10 10 0 0 1-15.58 0a1 1 0 0 0-.14-.17L107.2 47.16a14 14 0 0 0-22.2.61L36.94 114H8a6 6 0 0 0 0 12h240a6 6 0 0 0 0-12M94.75 54.82a2 2 0 0 1 3.15-.07l.15.17l12.86 14.92A21.88 21.88 0 0 0 128 78a21.88 21.88 0 0 0 17.09-8.16L158 54.92l.15-.17a2 2 0 0 1 3.15.07l43 59.18H51.77ZM180 146a34 34 0 0 0-33.94 32h-36.12a34 34 0 1 0-1.44 12h39a34 34 0 1 0 32.5-44M76 202a22 22 0 1 1 22-22a22 22 0 0 1-22 22m104 0a22 22 0 1 1 22-22a22 22 0 0 1-22 22"/></svg>
React
import type { SVGProps } from "react";
export function PhDetectiveLight(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="M248 114h-28.94L171 47.77a14 14 0 0 0-22.16-.61l-12.91 14.92a1 1 0 0 0-.14.17a10 10 0 0 1-15.58 0a1 1 0 0 0-.14-.17L107.2 47.16a14 14 0 0 0-22.2.61L36.94 114H8a6 6 0 0 0 0 12h240a6 6 0 0 0 0-12M94.75 54.82a2 2 0 0 1 3.15-.07l.15.17l12.86 14.92A21.88 21.88 0 0 0 128 78a21.88 21.88 0 0 0 17.09-8.16L158 54.92l.15-.17a2 2 0 0 1 3.15.07l43 59.18H51.77ZM180 146a34 34 0 0 0-33.94 32h-36.12a34 34 0 1 0-1.44 12h39a34 34 0 1 0 32.5-44M76 202a22 22 0 1 1 22-22a22 22 0 0 1-22 22m104 0a22 22 0 1 1 22-22a22 22 0 0 1-22 22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M248 114h-28.94L171 47.77a14 14 0 0 0-22.16-.61l-12.91 14.92a1 1 0 0 0-.14.17a10 10 0 0 1-15.58 0a1 1 0 0 0-.14-.17L107.2 47.16a14 14 0 0 0-22.2.61L36.94 114H8a6 6 0 0 0 0 12h240a6 6 0 0 0 0-12M94.75 54.82a2 2 0 0 1 3.15-.07l.15.17l12.86 14.92A21.88 21.88 0 0 0 128 78a21.88 21.88 0 0 0 17.09-8.16L158 54.92l.15-.17a2 2 0 0 1 3.15.07l43 59.18H51.77ZM180 146a34 34 0 0 0-33.94 32h-36.12a34 34 0 1 0-1.44 12h39a34 34 0 1 0 32.5-44M76 202a22 22 0 1 1 22-22a22 22 0 0 1-22 22m104 0a22 22 0 1 1 22-22a22 22 0 0 1-22 22"/></svg> </template>
CSS
.icon-detective-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%22M248%20114h-28.94L171%2047.77a14%2014%200%200%200-22.16-.61l-12.91%2014.92a1%201%200%200%200-.14.17a10%2010%200%200%201-15.58%200a1%201%200%200%200-.14-.17L107.2%2047.16a14%2014%200%200%200-22.2.61L36.94%20114H8a6%206%200%200%200%200%2012h240a6%206%200%200%200%200-12M94.75%2054.82a2%202%200%200%201%203.15-.07l.15.17l12.86%2014.92A21.88%2021.88%200%200%200%20128%2078a21.88%2021.88%200%200%200%2017.09-8.16L158%2054.92l.15-.17a2%202%200%200%201%203.15.07l43%2059.18H51.77ZM180%20146a34%2034%200%200%200-33.94%2032h-36.12a34%2034%200%201%200-1.44%2012h39a34%2034%200%201%200%2032.5-44M76%20202a22%2022%200%201%201%2022-22a22%2022%200%200%201-22%2022m104%200a22%2022%200%201%201%2022-22a22%2022%200%200%201-22%2022%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%22M248%20114h-28.94L171%2047.77a14%2014%200%200%200-22.16-.61l-12.91%2014.92a1%201%200%200%200-.14.17a10%2010%200%200%201-15.58%200a1%201%200%200%200-.14-.17L107.2%2047.16a14%2014%200%200%200-22.2.61L36.94%20114H8a6%206%200%200%200%200%2012h240a6%206%200%200%200%200-12M94.75%2054.82a2%202%200%200%201%203.15-.07l.15.17l12.86%2014.92A21.88%2021.88%200%200%200%20128%2078a21.88%2021.88%200%200%200%2017.09-8.16L158%2054.92l.15-.17a2%202%200%200%201%203.15.07l43%2059.18H51.77ZM180%20146a34%2034%200%200%200-33.94%2032h-36.12a34%2034%200%201%200-1.44%2012h39a34%2034%200%201%200%2032.5-44M76%20202a22%2022%200%201%201%2022-22a22%2022%200%200%201-22%2022m104%200a22%2022%200%201%201%2022-22a22%2022%200%200%201-22%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/detective-light.svg?color=%231a73e8&size=48
