snail emoji
snail from Fluent Emoji High Contrast by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- snail
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji High Contrast
Use the snail emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.5 3.75C2.5 2.79 3.29 2 4.25 2S6 2.79 6 3.75c0 .7-.41 1.3-1 1.58v.705q.481-.096.992-.095q.52 0 1.008.102V5.33c-.59-.28-1-.88-1-1.58C6 2.79 6.79 2 7.75 2s1.75.79 1.75 1.75c0 .7-.41 1.3-1 1.58v1.287q.477.279.878.652A12.96 12.96 0 0 1 18 4c7.182 0 13 5.818 13 13c0 2.575-.748 4.975-2.038 6.994A4.99 4.99 0 0 1 31 28.02v.42A2.56 2.56 0 0 1 28.44 31h-.004L8.24 30.92h-.002A7.24 7.24 0 0 1 1 23.68V10.92a4.98 4.98 0 0 1 2.5-4.323V5.33c-.59-.28-1-.88-1-1.58m2.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0m3.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0m2.047 5.158c.272.615.423 1.296.423 2.012v3.103a10 10 0 0 1 8.52-4.753c4.387 0 8.115 2.822 9.467 6.75C28.46 10.401 23.747 6 18 6a10.96 10.96 0 0 0-7.453 2.908m9.816 18.838c.925-.202 1.806-.52 2.628-.94a5.25 5.25 0 1 1 2.79-2.029q.662-.661 1.205-1.428l.165-.263l.012.005a11 11 0 0 0 1.245-2.521q.091-.632.092-1.29a9.01 9.01 0 0 0-17.53-2.938v3.248q0 .277.051.563l.007.034l.003.034a8.51 8.51 0 0 0 9.332 7.525M3 10.92v12.76a5.24 5.24 0 0 0 5.24 5.24h.004l7.118.028a10.52 10.52 0 0 1-6.315-8.475a5 5 0 0 1-.077-.883v-8.67a2.98 2.98 0 0 0-2.98-2.98h-.005A2.973 2.973 0 0 0 3 10.92M28.44 29h.002a.56.56 0 0 0 .558-.56v-.42a2.99 2.99 0 0 0-1.155-2.363a10.54 10.54 0 0 1-4.304 3.324zm-6.97-11.47a4.25 4.25 0 1 0 0 8.5a4.25 4.25 0 0 0 0-8.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastSnail(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.5 3.75C2.5 2.79 3.29 2 4.25 2S6 2.79 6 3.75c0 .7-.41 1.3-1 1.58v.705q.481-.096.992-.095q.52 0 1.008.102V5.33c-.59-.28-1-.88-1-1.58C6 2.79 6.79 2 7.75 2s1.75.79 1.75 1.75c0 .7-.41 1.3-1 1.58v1.287q.477.279.878.652A12.96 12.96 0 0 1 18 4c7.182 0 13 5.818 13 13c0 2.575-.748 4.975-2.038 6.994A4.99 4.99 0 0 1 31 28.02v.42A2.56 2.56 0 0 1 28.44 31h-.004L8.24 30.92h-.002A7.24 7.24 0 0 1 1 23.68V10.92a4.98 4.98 0 0 1 2.5-4.323V5.33c-.59-.28-1-.88-1-1.58m2.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0m3.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0m2.047 5.158c.272.615.423 1.296.423 2.012v3.103a10 10 0 0 1 8.52-4.753c4.387 0 8.115 2.822 9.467 6.75C28.46 10.401 23.747 6 18 6a10.96 10.96 0 0 0-7.453 2.908m9.816 18.838c.925-.202 1.806-.52 2.628-.94a5.25 5.25 0 1 1 2.79-2.029q.662-.661 1.205-1.428l.165-.263l.012.005a11 11 0 0 0 1.245-2.521q.091-.632.092-1.29a9.01 9.01 0 0 0-17.53-2.938v3.248q0 .277.051.563l.007.034l.003.034a8.51 8.51 0 0 0 9.332 7.525M3 10.92v12.76a5.24 5.24 0 0 0 5.24 5.24h.004l7.118.028a10.52 10.52 0 0 1-6.315-8.475a5 5 0 0 1-.077-.883v-8.67a2.98 2.98 0 0 0-2.98-2.98h-.005A2.973 2.973 0 0 0 3 10.92M28.44 29h.002a.56.56 0 0 0 .558-.56v-.42a2.99 2.99 0 0 0-1.155-2.363a10.54 10.54 0 0 1-4.304 3.324zm-6.97-11.47a4.25 4.25 0 1 0 0 8.5a4.25 4.25 0 0 0 0-8.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.5 3.75C2.5 2.79 3.29 2 4.25 2S6 2.79 6 3.75c0 .7-.41 1.3-1 1.58v.705q.481-.096.992-.095q.52 0 1.008.102V5.33c-.59-.28-1-.88-1-1.58C6 2.79 6.79 2 7.75 2s1.75.79 1.75 1.75c0 .7-.41 1.3-1 1.58v1.287q.477.279.878.652A12.96 12.96 0 0 1 18 4c7.182 0 13 5.818 13 13c0 2.575-.748 4.975-2.038 6.994A4.99 4.99 0 0 1 31 28.02v.42A2.56 2.56 0 0 1 28.44 31h-.004L8.24 30.92h-.002A7.24 7.24 0 0 1 1 23.68V10.92a4.98 4.98 0 0 1 2.5-4.323V5.33c-.59-.28-1-.88-1-1.58m2.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0m3.5 0a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0m2.047 5.158c.272.615.423 1.296.423 2.012v3.103a10 10 0 0 1 8.52-4.753c4.387 0 8.115 2.822 9.467 6.75C28.46 10.401 23.747 6 18 6a10.96 10.96 0 0 0-7.453 2.908m9.816 18.838c.925-.202 1.806-.52 2.628-.94a5.25 5.25 0 1 1 2.79-2.029q.662-.661 1.205-1.428l.165-.263l.012.005a11 11 0 0 0 1.245-2.521q.091-.632.092-1.29a9.01 9.01 0 0 0-17.53-2.938v3.248q0 .277.051.563l.007.034l.003.034a8.51 8.51 0 0 0 9.332 7.525M3 10.92v12.76a5.24 5.24 0 0 0 5.24 5.24h.004l7.118.028a10.52 10.52 0 0 1-6.315-8.475a5 5 0 0 1-.077-.883v-8.67a2.98 2.98 0 0 0-2.98-2.98h-.005A2.973 2.973 0 0 0 3 10.92M28.44 29h.002a.56.56 0 0 0 .558-.56v-.42a2.99 2.99 0 0 0-1.155-2.363a10.54 10.54 0 0 1-4.304 3.324zm-6.97-11.47a4.25 4.25 0 1 0 0 8.5a4.25 4.25 0 0 0 0-8.5"/></svg> </template>
CSS
.icon-snail {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.5%203.75C2.5%202.79%203.29%202%204.25%202S6%202.79%206%203.75c0%20.7-.41%201.3-1%201.58v.705q.481-.096.992-.095q.52%200%201.008.102V5.33c-.59-.28-1-.88-1-1.58C6%202.79%206.79%202%207.75%202s1.75.79%201.75%201.75c0%20.7-.41%201.3-1%201.58v1.287q.477.279.878.652A12.96%2012.96%200%200%201%2018%204c7.182%200%2013%205.818%2013%2013c0%202.575-.748%204.975-2.038%206.994A4.99%204.99%200%200%201%2031%2028.02v.42A2.56%202.56%200%200%201%2028.44%2031h-.004L8.24%2030.92h-.002A7.24%207.24%200%200%201%201%2023.68V10.92a4.98%204.98%200%200%201%202.5-4.323V5.33c-.59-.28-1-.88-1-1.58m2.5%200a.75.75%200%201%200-1.5%200a.75.75%200%200%200%201.5%200m3.5%200a.75.75%200%201%200-1.5%200a.75.75%200%200%200%201.5%200m2.047%205.158c.272.615.423%201.296.423%202.012v3.103a10%2010%200%200%201%208.52-4.753c4.387%200%208.115%202.822%209.467%206.75C28.46%2010.401%2023.747%206%2018%206a10.96%2010.96%200%200%200-7.453%202.908m9.816%2018.838c.925-.202%201.806-.52%202.628-.94a5.25%205.25%200%201%201%202.79-2.029q.662-.661%201.205-1.428l.165-.263l.012.005a11%2011%200%200%200%201.245-2.521q.091-.632.092-1.29a9.01%209.01%200%200%200-17.53-2.938v3.248q0%20.277.051.563l.007.034l.003.034a8.51%208.51%200%200%200%209.332%207.525M3%2010.92v12.76a5.24%205.24%200%200%200%205.24%205.24h.004l7.118.028a10.52%2010.52%200%200%201-6.315-8.475a5%205%200%200%201-.077-.883v-8.67a2.98%202.98%200%200%200-2.98-2.98h-.005A2.973%202.973%200%200%200%203%2010.92M28.44%2029h.002a.56.56%200%200%200%20.558-.56v-.42a2.99%202.99%200%200%200-1.155-2.363a10.54%2010.54%200%200%201-4.304%203.324zm-6.97-11.47a4.25%204.25%200%201%200%200%208.5a4.25%204.25%200%200%200%200-8.5%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.5%203.75C2.5%202.79%203.29%202%204.25%202S6%202.79%206%203.75c0%20.7-.41%201.3-1%201.58v.705q.481-.096.992-.095q.52%200%201.008.102V5.33c-.59-.28-1-.88-1-1.58C6%202.79%206.79%202%207.75%202s1.75.79%201.75%201.75c0%20.7-.41%201.3-1%201.58v1.287q.477.279.878.652A12.96%2012.96%200%200%201%2018%204c7.182%200%2013%205.818%2013%2013c0%202.575-.748%204.975-2.038%206.994A4.99%204.99%200%200%201%2031%2028.02v.42A2.56%202.56%200%200%201%2028.44%2031h-.004L8.24%2030.92h-.002A7.24%207.24%200%200%201%201%2023.68V10.92a4.98%204.98%200%200%201%202.5-4.323V5.33c-.59-.28-1-.88-1-1.58m2.5%200a.75.75%200%201%200-1.5%200a.75.75%200%200%200%201.5%200m3.5%200a.75.75%200%201%200-1.5%200a.75.75%200%200%200%201.5%200m2.047%205.158c.272.615.423%201.296.423%202.012v3.103a10%2010%200%200%201%208.52-4.753c4.387%200%208.115%202.822%209.467%206.75C28.46%2010.401%2023.747%206%2018%206a10.96%2010.96%200%200%200-7.453%202.908m9.816%2018.838c.925-.202%201.806-.52%202.628-.94a5.25%205.25%200%201%201%202.79-2.029q.662-.661%201.205-1.428l.165-.263l.012.005a11%2011%200%200%200%201.245-2.521q.091-.632.092-1.29a9.01%209.01%200%200%200-17.53-2.938v3.248q0%20.277.051.563l.007.034l.003.034a8.51%208.51%200%200%200%209.332%207.525M3%2010.92v12.76a5.24%205.24%200%200%200%205.24%205.24h.004l7.118.028a10.52%2010.52%200%200%201-6.315-8.475a5%205%200%200%201-.077-.883v-8.67a2.98%202.98%200%200%200-2.98-2.98h-.005A2.973%202.973%200%200%200%203%2010.92M28.44%2029h.002a.56.56%200%200%200%20.558-.56v-.42a2.99%202.99%200%200%200-1.155-2.363a10.54%2010.54%200%200%201-4.304%203.324zm-6.97-11.47a4.25%204.25%200%201%200%200%208.5a4.25%204.25%200%200%200%200-8.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/snail.svg?color=%231a73e8&size=48
