crab emoji
crab from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- crab
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji Flat
Use the crab emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="M12.52 6.48h-.42V5H14c0 .82-.66 1.48-1.48 1.48m0 .33h-.42v1.48H14c0-.82-.66-1.48-1.48-1.48m6.96-.33H20V5h-2c0 .82.66 1.48 1.48 1.48m0 .33H20v1.48h-2c0-.82.66-1.48 1.48-1.48M7.618 12.739a.98.98 0 1 0-.956-.006a.87.87 0 0 0-.394.727a3.65 3.65 0 0 0 3.647 3.648a.868.868 0 1 0 0-1.736a1.913 1.913 0 0 1-1.912-1.912c0-.3-.153-.566-.385-.721m16.837 6.921c-.64.03-.98-.73-.53-1.18l4.33-4.33c.45-.45 1.21-.1 1.18.53c-.05 1.26-.56 2.5-1.52 3.46s-2.2 1.47-3.46 1.52m-1.26.66c-.64 0-.93.78-.46 1.21a5.21 5.21 0 0 0 7.04 0c.47-.43.17-1.21-.46-1.21zm-2.785 2.925a.7.7 0 0 1 .675-.895c1.26.01 2.52.47 3.51 1.4s1.55 2.15 1.65 3.4c.05.63-.7 1-1.16.57l-4.479-4.17c.432.726.696 1.565.73 2.47c.05 1.36-.42 2.61-1.24 3.57c-.41.48-1.2.22-1.22-.42l-.23-6.11a.695.695 0 0 1 1.19-.51q.316.323.573.695M9.205 21.59c.46-.43.17-1.2-.46-1.2h-6.06c-.63 0-.92.77-.46 1.2a5.156 5.156 0 0 0 6.98 0m-1.71-1.86c.63.03.97-.72.52-1.17l-4.29-4.3c-.45-.44-1.2-.1-1.17.53c.05 1.25.56 2.48 1.51 3.43s2.18 1.46 3.43 1.51m3.33 2.66c.63 0 .94.76.48 1.19l-4.44 4.14c-.46.42-1.2.06-1.15-.57c.1-1.25.64-2.46 1.63-3.38c.98-.91 2.23-1.37 3.48-1.38m1.33.28a.695.695 0 0 1 1.19.51l-.23 6.11c-.02.64-.81.9-1.22.42a5.17 5.17 0 0 1-1.24-3.57a5.22 5.22 0 0 1 1.5-3.47m13.418-9.21a.87.87 0 0 0-.39-.724a.98.98 0 1 0-.956 0a.87.87 0 0 0-.39.724a1.91 1.91 0 0 1-1.912 1.912a.868.868 0 0 0 0 1.736a3.65 3.65 0 0 0 3.648-3.648"/><path fill="#533566" d="M13 14a1 1 0 1 0 0-2a1 1 0 0 0 0 2m6 0a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="#f8312f" d="M8.316 11.5H6C6 7.912 8.902 5 12.5 5v2.326A4.18 4.18 0 0 1 8.316 11.5m15.368 0H26C26 7.912 23.098 5 19.5 5v2.326a4.18 4.18 0 0 0 4.184 4.174M16 27c4.97 0 9-3.901 9-8.713C25 13.465 20.97 13 16 13s-9 .475-9 5.287S11.03 27 16 27"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatCrab(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="M12.52 6.48h-.42V5H14c0 .82-.66 1.48-1.48 1.48m0 .33h-.42v1.48H14c0-.82-.66-1.48-1.48-1.48m6.96-.33H20V5h-2c0 .82.66 1.48 1.48 1.48m0 .33H20v1.48h-2c0-.82.66-1.48 1.48-1.48M7.618 12.739a.98.98 0 1 0-.956-.006a.87.87 0 0 0-.394.727a3.65 3.65 0 0 0 3.647 3.648a.868.868 0 1 0 0-1.736a1.913 1.913 0 0 1-1.912-1.912c0-.3-.153-.566-.385-.721m16.837 6.921c-.64.03-.98-.73-.53-1.18l4.33-4.33c.45-.45 1.21-.1 1.18.53c-.05 1.26-.56 2.5-1.52 3.46s-2.2 1.47-3.46 1.52m-1.26.66c-.64 0-.93.78-.46 1.21a5.21 5.21 0 0 0 7.04 0c.47-.43.17-1.21-.46-1.21zm-2.785 2.925a.7.7 0 0 1 .675-.895c1.26.01 2.52.47 3.51 1.4s1.55 2.15 1.65 3.4c.05.63-.7 1-1.16.57l-4.479-4.17c.432.726.696 1.565.73 2.47c.05 1.36-.42 2.61-1.24 3.57c-.41.48-1.2.22-1.22-.42l-.23-6.11a.695.695 0 0 1 1.19-.51q.316.323.573.695M9.205 21.59c.46-.43.17-1.2-.46-1.2h-6.06c-.63 0-.92.77-.46 1.2a5.156 5.156 0 0 0 6.98 0m-1.71-1.86c.63.03.97-.72.52-1.17l-4.29-4.3c-.45-.44-1.2-.1-1.17.53c.05 1.25.56 2.48 1.51 3.43s2.18 1.46 3.43 1.51m3.33 2.66c.63 0 .94.76.48 1.19l-4.44 4.14c-.46.42-1.2.06-1.15-.57c.1-1.25.64-2.46 1.63-3.38c.98-.91 2.23-1.37 3.48-1.38m1.33.28a.695.695 0 0 1 1.19.51l-.23 6.11c-.02.64-.81.9-1.22.42a5.17 5.17 0 0 1-1.24-3.57a5.22 5.22 0 0 1 1.5-3.47m13.418-9.21a.87.87 0 0 0-.39-.724a.98.98 0 1 0-.956 0a.87.87 0 0 0-.39.724a1.91 1.91 0 0 1-1.912 1.912a.868.868 0 0 0 0 1.736a3.65 3.65 0 0 0 3.648-3.648"/><path fill="#533566" d="M13 14a1 1 0 1 0 0-2a1 1 0 0 0 0 2m6 0a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="#f8312f" d="M8.316 11.5H6C6 7.912 8.902 5 12.5 5v2.326A4.18 4.18 0 0 1 8.316 11.5m15.368 0H26C26 7.912 23.098 5 19.5 5v2.326a4.18 4.18 0 0 0 4.184 4.174M16 27c4.97 0 9-3.901 9-8.713C25 13.465 20.97 13 16 13s-9 .475-9 5.287S11.03 27 16 27"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="M12.52 6.48h-.42V5H14c0 .82-.66 1.48-1.48 1.48m0 .33h-.42v1.48H14c0-.82-.66-1.48-1.48-1.48m6.96-.33H20V5h-2c0 .82.66 1.48 1.48 1.48m0 .33H20v1.48h-2c0-.82.66-1.48 1.48-1.48M7.618 12.739a.98.98 0 1 0-.956-.006a.87.87 0 0 0-.394.727a3.65 3.65 0 0 0 3.647 3.648a.868.868 0 1 0 0-1.736a1.913 1.913 0 0 1-1.912-1.912c0-.3-.153-.566-.385-.721m16.837 6.921c-.64.03-.98-.73-.53-1.18l4.33-4.33c.45-.45 1.21-.1 1.18.53c-.05 1.26-.56 2.5-1.52 3.46s-2.2 1.47-3.46 1.52m-1.26.66c-.64 0-.93.78-.46 1.21a5.21 5.21 0 0 0 7.04 0c.47-.43.17-1.21-.46-1.21zm-2.785 2.925a.7.7 0 0 1 .675-.895c1.26.01 2.52.47 3.51 1.4s1.55 2.15 1.65 3.4c.05.63-.7 1-1.16.57l-4.479-4.17c.432.726.696 1.565.73 2.47c.05 1.36-.42 2.61-1.24 3.57c-.41.48-1.2.22-1.22-.42l-.23-6.11a.695.695 0 0 1 1.19-.51q.316.323.573.695M9.205 21.59c.46-.43.17-1.2-.46-1.2h-6.06c-.63 0-.92.77-.46 1.2a5.156 5.156 0 0 0 6.98 0m-1.71-1.86c.63.03.97-.72.52-1.17l-4.29-4.3c-.45-.44-1.2-.1-1.17.53c.05 1.25.56 2.48 1.51 3.43s2.18 1.46 3.43 1.51m3.33 2.66c.63 0 .94.76.48 1.19l-4.44 4.14c-.46.42-1.2.06-1.15-.57c.1-1.25.64-2.46 1.63-3.38c.98-.91 2.23-1.37 3.48-1.38m1.33.28a.695.695 0 0 1 1.19.51l-.23 6.11c-.02.64-.81.9-1.22.42a5.17 5.17 0 0 1-1.24-3.57a5.22 5.22 0 0 1 1.5-3.47m13.418-9.21a.87.87 0 0 0-.39-.724a.98.98 0 1 0-.956 0a.87.87 0 0 0-.39.724a1.91 1.91 0 0 1-1.912 1.912a.868.868 0 0 0 0 1.736a3.65 3.65 0 0 0 3.648-3.648"/><path fill="#533566" d="M13 14a1 1 0 1 0 0-2a1 1 0 0 0 0 2m6 0a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="#f8312f" d="M8.316 11.5H6C6 7.912 8.902 5 12.5 5v2.326A4.18 4.18 0 0 1 8.316 11.5m15.368 0H26C26 7.912 23.098 5 19.5 5v2.326a4.18 4.18 0 0 0 4.184 4.174M16 27c4.97 0 9-3.901 9-8.713C25 13.465 20.97 13 16 13s-9 .475-9 5.287S11.03 27 16 27"/></g></svg> </template>
CSS
.icon-crab {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M12.52%206.48h-.42V5H14c0%20.82-.66%201.48-1.48%201.48m0%20.33h-.42v1.48H14c0-.82-.66-1.48-1.48-1.48m6.96-.33H20V5h-2c0%20.82.66%201.48%201.48%201.48m0%20.33H20v1.48h-2c0-.82.66-1.48%201.48-1.48M7.618%2012.739a.98.98%200%201%200-.956-.006a.87.87%200%200%200-.394.727a3.65%203.65%200%200%200%203.647%203.648a.868.868%200%201%200%200-1.736a1.913%201.913%200%200%201-1.912-1.912c0-.3-.153-.566-.385-.721m16.837%206.921c-.64.03-.98-.73-.53-1.18l4.33-4.33c.45-.45%201.21-.1%201.18.53c-.05%201.26-.56%202.5-1.52%203.46s-2.2%201.47-3.46%201.52m-1.26.66c-.64%200-.93.78-.46%201.21a5.21%205.21%200%200%200%207.04%200c.47-.43.17-1.21-.46-1.21zm-2.785%202.925a.7.7%200%200%201%20.675-.895c1.26.01%202.52.47%203.51%201.4s1.55%202.15%201.65%203.4c.05.63-.7%201-1.16.57l-4.479-4.17c.432.726.696%201.565.73%202.47c.05%201.36-.42%202.61-1.24%203.57c-.41.48-1.2.22-1.22-.42l-.23-6.11a.695.695%200%200%201%201.19-.51q.316.323.573.695M9.205%2021.59c.46-.43.17-1.2-.46-1.2h-6.06c-.63%200-.92.77-.46%201.2a5.156%205.156%200%200%200%206.98%200m-1.71-1.86c.63.03.97-.72.52-1.17l-4.29-4.3c-.45-.44-1.2-.1-1.17.53c.05%201.25.56%202.48%201.51%203.43s2.18%201.46%203.43%201.51m3.33%202.66c.63%200%20.94.76.48%201.19l-4.44%204.14c-.46.42-1.2.06-1.15-.57c.1-1.25.64-2.46%201.63-3.38c.98-.91%202.23-1.37%203.48-1.38m1.33.28a.695.695%200%200%201%201.19.51l-.23%206.11c-.02.64-.81.9-1.22.42a5.17%205.17%200%200%201-1.24-3.57a5.22%205.22%200%200%201%201.5-3.47m13.418-9.21a.87.87%200%200%200-.39-.724a.98.98%200%201%200-.956%200a.87.87%200%200%200-.39.724a1.91%201.91%200%200%201-1.912%201.912a.868.868%200%200%200%200%201.736a3.65%203.65%200%200%200%203.648-3.648%22%2F%3E%3Cpath%20fill%3D%22%23533566%22%20d%3D%22M13%2014a1%201%200%201%200%200-2a1%201%200%200%200%200%202m6%200a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M8.316%2011.5H6C6%207.912%208.902%205%2012.5%205v2.326A4.18%204.18%200%200%201%208.316%2011.5m15.368%200H26C26%207.912%2023.098%205%2019.5%205v2.326a4.18%204.18%200%200%200%204.184%204.174M16%2027c4.97%200%209-3.901%209-8.713C25%2013.465%2020.97%2013%2016%2013s-9%20.475-9%205.287S11.03%2027%2016%2027%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M12.52%206.48h-.42V5H14c0%20.82-.66%201.48-1.48%201.48m0%20.33h-.42v1.48H14c0-.82-.66-1.48-1.48-1.48m6.96-.33H20V5h-2c0%20.82.66%201.48%201.48%201.48m0%20.33H20v1.48h-2c0-.82.66-1.48%201.48-1.48M7.618%2012.739a.98.98%200%201%200-.956-.006a.87.87%200%200%200-.394.727a3.65%203.65%200%200%200%203.647%203.648a.868.868%200%201%200%200-1.736a1.913%201.913%200%200%201-1.912-1.912c0-.3-.153-.566-.385-.721m16.837%206.921c-.64.03-.98-.73-.53-1.18l4.33-4.33c.45-.45%201.21-.1%201.18.53c-.05%201.26-.56%202.5-1.52%203.46s-2.2%201.47-3.46%201.52m-1.26.66c-.64%200-.93.78-.46%201.21a5.21%205.21%200%200%200%207.04%200c.47-.43.17-1.21-.46-1.21zm-2.785%202.925a.7.7%200%200%201%20.675-.895c1.26.01%202.52.47%203.51%201.4s1.55%202.15%201.65%203.4c.05.63-.7%201-1.16.57l-4.479-4.17c.432.726.696%201.565.73%202.47c.05%201.36-.42%202.61-1.24%203.57c-.41.48-1.2.22-1.22-.42l-.23-6.11a.695.695%200%200%201%201.19-.51q.316.323.573.695M9.205%2021.59c.46-.43.17-1.2-.46-1.2h-6.06c-.63%200-.92.77-.46%201.2a5.156%205.156%200%200%200%206.98%200m-1.71-1.86c.63.03.97-.72.52-1.17l-4.29-4.3c-.45-.44-1.2-.1-1.17.53c.05%201.25.56%202.48%201.51%203.43s2.18%201.46%203.43%201.51m3.33%202.66c.63%200%20.94.76.48%201.19l-4.44%204.14c-.46.42-1.2.06-1.15-.57c.1-1.25.64-2.46%201.63-3.38c.98-.91%202.23-1.37%203.48-1.38m1.33.28a.695.695%200%200%201%201.19.51l-.23%206.11c-.02.64-.81.9-1.22.42a5.17%205.17%200%200%201-1.24-3.57a5.22%205.22%200%200%201%201.5-3.47m13.418-9.21a.87.87%200%200%200-.39-.724a.98.98%200%201%200-.956%200a.87.87%200%200%200-.39.724a1.91%201.91%200%200%201-1.912%201.912a.868.868%200%200%200%200%201.736a3.65%203.65%200%200%200%203.648-3.648%22%2F%3E%3Cpath%20fill%3D%22%23533566%22%20d%3D%22M13%2014a1%201%200%201%200%200-2a1%201%200%200%200%200%202m6%200a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M8.316%2011.5H6C6%207.912%208.902%205%2012.5%205v2.326A4.18%204.18%200%200%201%208.316%2011.5m15.368%200H26C26%207.912%2023.098%205%2019.5%205v2.326a4.18%204.18%200%200%200%204.184%204.174M16%2027c4.97%200%209-3.901%209-8.713C25%2013.465%2020.97%2013%2016%2013s-9%20.475-9%205.287S11.03%2027%2016%2027%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/crab.svg?color=%231a73e8&size=48
