shrimp icon
shrimp-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- shrimp-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
shrimpEmoji One (Colored)shrimpFont Awesome 6 SolidshrimpFont Awesome Solidshrimp-outlineFlowbite IconsshrimpFluent EmojishrimpFluent Emoji FlatshrimpFluent Emoji High ContrastshrimpHuge IconsshrimpIconParkshrimpIconPark OutlineshrimpIconPark SolidshrimpIconPark TwoToneshrimpLucideshrimpNoto EmojishrimpOpenMojishrimpTDesign IconsshrimpTwitter Emoji
Use the shrimp icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M138 116a10 10 0 1 1 10 10a10 10 0 0 1-10-10m83.9-32a78.1 78.1 0 0 1-77.9 74h-32a14 14 0 0 0 0 28h56a6 6 0 0 1 0 12h-50v20h34a6 6 0 0 1 0 12H96a78 78 0 0 1 0-156h116a14 14 0 0 0 0-28h-84a22 22 0 0 1-22-22a6 6 0 0 1 12 0a10 10 0 0 0 10 10h84a26 26 0 0 1 9.9 50M50.65 199.88l35.48-25.34A24 24 0 0 1 86 172a25.9 25.9 0 0 1 1.46-8.57L31.51 138a65.8 65.8 0 0 0 19.14 61.88M90.3 186.3l-29.81 21.29A65.56 65.56 0 0 0 96 218h10v-20.71a26.05 26.05 0 0 1-15.7-10.99m15.7-39.59V86H96a66.1 66.1 0 0 0-60.86 40.47L94 153.24a25.86 25.86 0 0 1 12-6.53M209.73 86H118v60h26a66.09 66.09 0 0 0 65.73-60"/></svg>
React
import type { SVGProps } from "react";
export function PhShrimpLight(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="M138 116a10 10 0 1 1 10 10a10 10 0 0 1-10-10m83.9-32a78.1 78.1 0 0 1-77.9 74h-32a14 14 0 0 0 0 28h56a6 6 0 0 1 0 12h-50v20h34a6 6 0 0 1 0 12H96a78 78 0 0 1 0-156h116a14 14 0 0 0 0-28h-84a22 22 0 0 1-22-22a6 6 0 0 1 12 0a10 10 0 0 0 10 10h84a26 26 0 0 1 9.9 50M50.65 199.88l35.48-25.34A24 24 0 0 1 86 172a25.9 25.9 0 0 1 1.46-8.57L31.51 138a65.8 65.8 0 0 0 19.14 61.88M90.3 186.3l-29.81 21.29A65.56 65.56 0 0 0 96 218h10v-20.71a26.05 26.05 0 0 1-15.7-10.99m15.7-39.59V86H96a66.1 66.1 0 0 0-60.86 40.47L94 153.24a25.86 25.86 0 0 1 12-6.53M209.73 86H118v60h26a66.09 66.09 0 0 0 65.73-60"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M138 116a10 10 0 1 1 10 10a10 10 0 0 1-10-10m83.9-32a78.1 78.1 0 0 1-77.9 74h-32a14 14 0 0 0 0 28h56a6 6 0 0 1 0 12h-50v20h34a6 6 0 0 1 0 12H96a78 78 0 0 1 0-156h116a14 14 0 0 0 0-28h-84a22 22 0 0 1-22-22a6 6 0 0 1 12 0a10 10 0 0 0 10 10h84a26 26 0 0 1 9.9 50M50.65 199.88l35.48-25.34A24 24 0 0 1 86 172a25.9 25.9 0 0 1 1.46-8.57L31.51 138a65.8 65.8 0 0 0 19.14 61.88M90.3 186.3l-29.81 21.29A65.56 65.56 0 0 0 96 218h10v-20.71a26.05 26.05 0 0 1-15.7-10.99m15.7-39.59V86H96a66.1 66.1 0 0 0-60.86 40.47L94 153.24a25.86 25.86 0 0 1 12-6.53M209.73 86H118v60h26a66.09 66.09 0 0 0 65.73-60"/></svg> </template>
CSS
.icon-shrimp-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%22M138%20116a10%2010%200%201%201%2010%2010a10%2010%200%200%201-10-10m83.9-32a78.1%2078.1%200%200%201-77.9%2074h-32a14%2014%200%200%200%200%2028h56a6%206%200%200%201%200%2012h-50v20h34a6%206%200%200%201%200%2012H96a78%2078%200%200%201%200-156h116a14%2014%200%200%200%200-28h-84a22%2022%200%200%201-22-22a6%206%200%200%201%2012%200a10%2010%200%200%200%2010%2010h84a26%2026%200%200%201%209.9%2050M50.65%20199.88l35.48-25.34A24%2024%200%200%201%2086%20172a25.9%2025.9%200%200%201%201.46-8.57L31.51%20138a65.8%2065.8%200%200%200%2019.14%2061.88M90.3%20186.3l-29.81%2021.29A65.56%2065.56%200%200%200%2096%20218h10v-20.71a26.05%2026.05%200%200%201-15.7-10.99m15.7-39.59V86H96a66.1%2066.1%200%200%200-60.86%2040.47L94%20153.24a25.86%2025.86%200%200%201%2012-6.53M209.73%2086H118v60h26a66.09%2066.09%200%200%200%2065.73-60%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%22M138%20116a10%2010%200%201%201%2010%2010a10%2010%200%200%201-10-10m83.9-32a78.1%2078.1%200%200%201-77.9%2074h-32a14%2014%200%200%200%200%2028h56a6%206%200%200%201%200%2012h-50v20h34a6%206%200%200%201%200%2012H96a78%2078%200%200%201%200-156h116a14%2014%200%200%200%200-28h-84a22%2022%200%200%201-22-22a6%206%200%200%201%2012%200a10%2010%200%200%200%2010%2010h84a26%2026%200%200%201%209.9%2050M50.65%20199.88l35.48-25.34A24%2024%200%200%201%2086%20172a25.9%2025.9%200%200%201%201.46-8.57L31.51%20138a65.8%2065.8%200%200%200%2019.14%2061.88M90.3%20186.3l-29.81%2021.29A65.56%2065.56%200%200%200%2096%20218h10v-20.71a26.05%2026.05%200%200%201-15.7-10.99m15.7-39.59V86H96a66.1%2066.1%200%200%200-60.86%2040.47L94%20153.24a25.86%2025.86%200%200%201%2012-6.53M209.73%2086H118v60h26a66.09%2066.09%200%200%200%2065.73-60%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/shrimp-light.svg?color=%231a73e8&size=48
