shrimp icon
shrimp-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- shrimp-fill
- Set
- Phosphor
- Style
- Fill
- 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="M136 116a12 12 0 1 1 12 12a12 12 0 0 1-12-12m104-56a28 28 0 0 1-16.2 25.38A80.09 80.09 0 0 1 144 160h-32a12 12 0 0 0 0 24h56a8 8 0 0 1 0 16h-48v16h32a8 8 0 0 1 0 16H96a80 80 0 0 1 0-160h116a12 12 0 0 0 0-24h-84a24 24 0 0 1-24-24a8 8 0 0 1 16 0a8 8 0 0 0 8 8h84a28 28 0 0 1 28 28M85.72 182.2a8 8 0 0 0-11.16-1.86l-15.36 11a8 8 0 0 0 9.3 13l15.36-11a8 8 0 0 0 1.86-11.14m-1.5-35.62L45.55 129a8 8 0 1 0-6.62 14.56l38.67 17.59a8 8 0 0 0 10.59-4a8 8 0 0 0-3.97-10.57M207.5 88H120v56h24a64.09 64.09 0 0 0 63.5-56"/></svg>
React
import type { SVGProps } from "react";
export function PhShrimpFill(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="M136 116a12 12 0 1 1 12 12a12 12 0 0 1-12-12m104-56a28 28 0 0 1-16.2 25.38A80.09 80.09 0 0 1 144 160h-32a12 12 0 0 0 0 24h56a8 8 0 0 1 0 16h-48v16h32a8 8 0 0 1 0 16H96a80 80 0 0 1 0-160h116a12 12 0 0 0 0-24h-84a24 24 0 0 1-24-24a8 8 0 0 1 16 0a8 8 0 0 0 8 8h84a28 28 0 0 1 28 28M85.72 182.2a8 8 0 0 0-11.16-1.86l-15.36 11a8 8 0 0 0 9.3 13l15.36-11a8 8 0 0 0 1.86-11.14m-1.5-35.62L45.55 129a8 8 0 1 0-6.62 14.56l38.67 17.59a8 8 0 0 0 10.59-4a8 8 0 0 0-3.97-10.57M207.5 88H120v56h24a64.09 64.09 0 0 0 63.5-56"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M136 116a12 12 0 1 1 12 12a12 12 0 0 1-12-12m104-56a28 28 0 0 1-16.2 25.38A80.09 80.09 0 0 1 144 160h-32a12 12 0 0 0 0 24h56a8 8 0 0 1 0 16h-48v16h32a8 8 0 0 1 0 16H96a80 80 0 0 1 0-160h116a12 12 0 0 0 0-24h-84a24 24 0 0 1-24-24a8 8 0 0 1 16 0a8 8 0 0 0 8 8h84a28 28 0 0 1 28 28M85.72 182.2a8 8 0 0 0-11.16-1.86l-15.36 11a8 8 0 0 0 9.3 13l15.36-11a8 8 0 0 0 1.86-11.14m-1.5-35.62L45.55 129a8 8 0 1 0-6.62 14.56l38.67 17.59a8 8 0 0 0 10.59-4a8 8 0 0 0-3.97-10.57M207.5 88H120v56h24a64.09 64.09 0 0 0 63.5-56"/></svg> </template>
CSS
.icon-shrimp-fill {
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%22M136%20116a12%2012%200%201%201%2012%2012a12%2012%200%200%201-12-12m104-56a28%2028%200%200%201-16.2%2025.38A80.09%2080.09%200%200%201%20144%20160h-32a12%2012%200%200%200%200%2024h56a8%208%200%200%201%200%2016h-48v16h32a8%208%200%200%201%200%2016H96a80%2080%200%200%201%200-160h116a12%2012%200%200%200%200-24h-84a24%2024%200%200%201-24-24a8%208%200%200%201%2016%200a8%208%200%200%200%208%208h84a28%2028%200%200%201%2028%2028M85.72%20182.2a8%208%200%200%200-11.16-1.86l-15.36%2011a8%208%200%200%200%209.3%2013l15.36-11a8%208%200%200%200%201.86-11.14m-1.5-35.62L45.55%20129a8%208%200%201%200-6.62%2014.56l38.67%2017.59a8%208%200%200%200%2010.59-4a8%208%200%200%200-3.97-10.57M207.5%2088H120v56h24a64.09%2064.09%200%200%200%2063.5-56%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%22M136%20116a12%2012%200%201%201%2012%2012a12%2012%200%200%201-12-12m104-56a28%2028%200%200%201-16.2%2025.38A80.09%2080.09%200%200%201%20144%20160h-32a12%2012%200%200%200%200%2024h56a8%208%200%200%201%200%2016h-48v16h32a8%208%200%200%201%200%2016H96a80%2080%200%200%201%200-160h116a12%2012%200%200%200%200-24h-84a24%2024%200%200%201-24-24a8%208%200%200%201%2016%200a8%208%200%200%200%208%208h84a28%2028%200%200%201%2028%2028M85.72%20182.2a8%208%200%200%200-11.16-1.86l-15.36%2011a8%208%200%200%200%209.3%2013l15.36-11a8%208%200%200%200%201.86-11.14m-1.5-35.62L45.55%20129a8%208%200%201%200-6.62%2014.56l38.67%2017.59a8%208%200%200%200%2010.59-4a8%208%200%200%200-3.97-10.57M207.5%2088H120v56h24a64.09%2064.09%200%200%200%2063.5-56%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/shrimp-fill.svg?color=%231a73e8&size=48
