smiley nervous icon
smiley-nervous-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- smiley-nervous-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the smiley nervous icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m0 192a90 90 0 1 1 90-90a90.1 90.1 0 0 1-90 90M82 108a10 10 0 1 1 10 10a10 10 0 0 1-10-10m72 0a10 10 0 1 1 10 10a10 10 0 0 1-10-10m28 60a6 6 0 0 1-6 6c-9 0-13.51-6-16.8-10.4c-3-4.06-4.46-5.6-7.2-5.6s-4.15 1.54-7.2 5.6C141.51 168 137 174 128 174s-13.51-6-16.8-10.4c-3-4.06-4.46-5.6-7.2-5.6s-4.15 1.54-7.2 5.6C93.51 168 89 174 80 174a6 6 0 0 1 0-12c2.74 0 4.15-1.54 7.2-5.6C90.49 152 95 146 104 146s13.51 6 16.8 10.4c3 4.06 4.46 5.6 7.2 5.6s4.15-1.54 7.2-5.6C138.49 152 143 146 152 146s13.51 6 16.8 10.4c3 4.06 4.46 5.6 7.2 5.6a6 6 0 0 1 6 6"/></svg>
React
import type { SVGProps } from "react";
export function PhSmileyNervousLight(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="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m0 192a90 90 0 1 1 90-90a90.1 90.1 0 0 1-90 90M82 108a10 10 0 1 1 10 10a10 10 0 0 1-10-10m72 0a10 10 0 1 1 10 10a10 10 0 0 1-10-10m28 60a6 6 0 0 1-6 6c-9 0-13.51-6-16.8-10.4c-3-4.06-4.46-5.6-7.2-5.6s-4.15 1.54-7.2 5.6C141.51 168 137 174 128 174s-13.51-6-16.8-10.4c-3-4.06-4.46-5.6-7.2-5.6s-4.15 1.54-7.2 5.6C93.51 168 89 174 80 174a6 6 0 0 1 0-12c2.74 0 4.15-1.54 7.2-5.6C90.49 152 95 146 104 146s13.51 6 16.8 10.4c3 4.06 4.46 5.6 7.2 5.6s4.15-1.54 7.2-5.6C138.49 152 143 146 152 146s13.51 6 16.8 10.4c3 4.06 4.46 5.6 7.2 5.6a6 6 0 0 1 6 6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m0 192a90 90 0 1 1 90-90a90.1 90.1 0 0 1-90 90M82 108a10 10 0 1 1 10 10a10 10 0 0 1-10-10m72 0a10 10 0 1 1 10 10a10 10 0 0 1-10-10m28 60a6 6 0 0 1-6 6c-9 0-13.51-6-16.8-10.4c-3-4.06-4.46-5.6-7.2-5.6s-4.15 1.54-7.2 5.6C141.51 168 137 174 128 174s-13.51-6-16.8-10.4c-3-4.06-4.46-5.6-7.2-5.6s-4.15 1.54-7.2 5.6C93.51 168 89 174 80 174a6 6 0 0 1 0-12c2.74 0 4.15-1.54 7.2-5.6C90.49 152 95 146 104 146s13.51 6 16.8 10.4c3 4.06 4.46 5.6 7.2 5.6s4.15-1.54 7.2-5.6C138.49 152 143 146 152 146s13.51 6 16.8 10.4c3 4.06 4.46 5.6 7.2 5.6a6 6 0 0 1 6 6"/></svg> </template>
CSS
.icon-smiley-nervous-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%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m0%20192a90%2090%200%201%201%2090-90a90.1%2090.1%200%200%201-90%2090M82%20108a10%2010%200%201%201%2010%2010a10%2010%200%200%201-10-10m72%200a10%2010%200%201%201%2010%2010a10%2010%200%200%201-10-10m28%2060a6%206%200%200%201-6%206c-9%200-13.51-6-16.8-10.4c-3-4.06-4.46-5.6-7.2-5.6s-4.15%201.54-7.2%205.6C141.51%20168%20137%20174%20128%20174s-13.51-6-16.8-10.4c-3-4.06-4.46-5.6-7.2-5.6s-4.15%201.54-7.2%205.6C93.51%20168%2089%20174%2080%20174a6%206%200%200%201%200-12c2.74%200%204.15-1.54%207.2-5.6C90.49%20152%2095%20146%20104%20146s13.51%206%2016.8%2010.4c3%204.06%204.46%205.6%207.2%205.6s4.15-1.54%207.2-5.6C138.49%20152%20143%20146%20152%20146s13.51%206%2016.8%2010.4c3%204.06%204.46%205.6%207.2%205.6a6%206%200%200%201%206%206%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%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m0%20192a90%2090%200%201%201%2090-90a90.1%2090.1%200%200%201-90%2090M82%20108a10%2010%200%201%201%2010%2010a10%2010%200%200%201-10-10m72%200a10%2010%200%201%201%2010%2010a10%2010%200%200%201-10-10m28%2060a6%206%200%200%201-6%206c-9%200-13.51-6-16.8-10.4c-3-4.06-4.46-5.6-7.2-5.6s-4.15%201.54-7.2%205.6C141.51%20168%20137%20174%20128%20174s-13.51-6-16.8-10.4c-3-4.06-4.46-5.6-7.2-5.6s-4.15%201.54-7.2%205.6C93.51%20168%2089%20174%2080%20174a6%206%200%200%201%200-12c2.74%200%204.15-1.54%207.2-5.6C90.49%20152%2095%20146%20104%20146s13.51%206%2016.8%2010.4c3%204.06%204.46%205.6%207.2%205.6s4.15-1.54%207.2-5.6C138.49%20152%20143%20146%20152%20146s13.51%206%2016.8%2010.4c3%204.06%204.46%205.6%207.2%205.6a6%206%200%200%201%206%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/smiley-nervous-light.svg?color=%231a73e8&size=48
