snail emoji

snail from Fluent Emoji Flat by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.

Name
snail
Set
Fluent Emoji Flat
Style
Default
Category
Animals & Nature
Viewbox
32×32
License
MIT

The same emoji in other sets

snailEmoji One (Colored)snailFluent EmojisnailFluent Emoji High ContrastsnailFirefox OS EmojisnailHuge IconssnailLucidesnailMaterial SymbolssnailMaterial Symbols LightsnailMaterial Design IconssnailNoto EmojisnailOpenMojisnailPixelarticonssnailStreamline EmojissnailWeb3 Icons BrandedsnailTwitter Emoji

More animals & nature icons from Fluent Emoji Flat

antbaby-chickbadgerbatbearbeaverbeetlebirdbisonblack-catblackbirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunk

Use the snail emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d3883e" 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.58v3.52H3.5V5.33c-.59-.28-1-.88-1-1.58m3.5 0c0 .7.41 1.3 1 1.58v3.52h1.5V5.33c.59-.28 1-.88 1-1.58C9.5 2.79 8.71 2 7.75 2S6 2.79 6 3.75"/><path fill="#212121" d="M5 3.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m3.5 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/><path fill="#6d4534" d="M18 5c-4.76 0-8.87 2.77-10.81 6.78V21h-.51c1.65 4.66 6.09 8 11.32 8c6.63 0 12-5.37 12-12S24.63 5 18 5"/><path fill="#f3ad61" d="M11.96 23.35c-1.186-.81-1.99-2.306-1.99-3.76v-8.67c0-2.2-1.78-3.98-3.98-3.98A3.973 3.973 0 0 0 2 10.92v12.76c0 3.45 2.8 6.24 6.24 6.24l20.2.08c.86 0 1.56-.7 1.56-1.56v-.42a3.99 3.99 0 0 0-3.194-3.912A8.6 8.6 0 0 1 19.605 28a8.6 8.6 0 0 1-7.644-4.65"/><path fill="#a56953" d="M29 19.28a9.51 9.51 0 1 1-19.02 0a9.51 9.51 0 0 1 19.02 0m-2.78 2.5a4.75 4.75 0 1 0-9.5 0a4.75 4.75 0 0 0 9.5 0"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatSnail(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="#d3883e" 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.58v3.52H3.5V5.33c-.59-.28-1-.88-1-1.58m3.5 0c0 .7.41 1.3 1 1.58v3.52h1.5V5.33c.59-.28 1-.88 1-1.58C9.5 2.79 8.71 2 7.75 2S6 2.79 6 3.75"/><path fill="#212121" d="M5 3.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m3.5 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/><path fill="#6d4534" d="M18 5c-4.76 0-8.87 2.77-10.81 6.78V21h-.51c1.65 4.66 6.09 8 11.32 8c6.63 0 12-5.37 12-12S24.63 5 18 5"/><path fill="#f3ad61" d="M11.96 23.35c-1.186-.81-1.99-2.306-1.99-3.76v-8.67c0-2.2-1.78-3.98-3.98-3.98A3.973 3.973 0 0 0 2 10.92v12.76c0 3.45 2.8 6.24 6.24 6.24l20.2.08c.86 0 1.56-.7 1.56-1.56v-.42a3.99 3.99 0 0 0-3.194-3.912A8.6 8.6 0 0 1 19.605 28a8.6 8.6 0 0 1-7.644-4.65"/><path fill="#a56953" d="M29 19.28a9.51 9.51 0 1 1-19.02 0a9.51 9.51 0 0 1 19.02 0m-2.78 2.5a4.75 4.75 0 1 0-9.5 0a4.75 4.75 0 0 0 9.5 0"/></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="#d3883e" 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.58v3.52H3.5V5.33c-.59-.28-1-.88-1-1.58m3.5 0c0 .7.41 1.3 1 1.58v3.52h1.5V5.33c.59-.28 1-.88 1-1.58C9.5 2.79 8.71 2 7.75 2S6 2.79 6 3.75"/><path fill="#212121" d="M5 3.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m3.5 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/><path fill="#6d4534" d="M18 5c-4.76 0-8.87 2.77-10.81 6.78V21h-.51c1.65 4.66 6.09 8 11.32 8c6.63 0 12-5.37 12-12S24.63 5 18 5"/><path fill="#f3ad61" d="M11.96 23.35c-1.186-.81-1.99-2.306-1.99-3.76v-8.67c0-2.2-1.78-3.98-3.98-3.98A3.973 3.973 0 0 0 2 10.92v12.76c0 3.45 2.8 6.24 6.24 6.24l20.2.08c.86 0 1.56-.7 1.56-1.56v-.42a3.99 3.99 0 0 0-3.194-3.912A8.6 8.6 0 0 1 19.605 28a8.6 8.6 0 0 1-7.644-4.65"/><path fill="#a56953" d="M29 19.28a9.51 9.51 0 1 1-19.02 0a9.51 9.51 0 0 1 19.02 0m-2.78 2.5a4.75 4.75 0 1 0-9.5 0a4.75 4.75 0 0 0 9.5 0"/></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23d3883e%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.58v3.52H3.5V5.33c-.59-.28-1-.88-1-1.58m3.5%200c0%20.7.41%201.3%201%201.58v3.52h1.5V5.33c.59-.28%201-.88%201-1.58C9.5%202.79%208.71%202%207.75%202S6%202.79%206%203.75%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M5%203.75a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200m3.5%200a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200%22%2F%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M18%205c-4.76%200-8.87%202.77-10.81%206.78V21h-.51c1.65%204.66%206.09%208%2011.32%208c6.63%200%2012-5.37%2012-12S24.63%205%2018%205%22%2F%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M11.96%2023.35c-1.186-.81-1.99-2.306-1.99-3.76v-8.67c0-2.2-1.78-3.98-3.98-3.98A3.973%203.973%200%200%200%202%2010.92v12.76c0%203.45%202.8%206.24%206.24%206.24l20.2.08c.86%200%201.56-.7%201.56-1.56v-.42a3.99%203.99%200%200%200-3.194-3.912A8.6%208.6%200%200%201%2019.605%2028a8.6%208.6%200%200%201-7.644-4.65%22%2F%3E%3Cpath%20fill%3D%22%23a56953%22%20d%3D%22M29%2019.28a9.51%209.51%200%201%201-19.02%200a9.51%209.51%200%200%201%2019.02%200m-2.78%202.5a4.75%204.75%200%201%200-9.5%200a4.75%204.75%200%200%200%209.5%200%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%23d3883e%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.58v3.52H3.5V5.33c-.59-.28-1-.88-1-1.58m3.5%200c0%20.7.41%201.3%201%201.58v3.52h1.5V5.33c.59-.28%201-.88%201-1.58C9.5%202.79%208.71%202%207.75%202S6%202.79%206%203.75%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M5%203.75a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200m3.5%200a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200%22%2F%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M18%205c-4.76%200-8.87%202.77-10.81%206.78V21h-.51c1.65%204.66%206.09%208%2011.32%208c6.63%200%2012-5.37%2012-12S24.63%205%2018%205%22%2F%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M11.96%2023.35c-1.186-.81-1.99-2.306-1.99-3.76v-8.67c0-2.2-1.78-3.98-3.98-3.98A3.973%203.973%200%200%200%202%2010.92v12.76c0%203.45%202.8%206.24%206.24%206.24l20.2.08c.86%200%201.56-.7%201.56-1.56v-.42a3.99%203.99%200%200%200-3.194-3.912A8.6%208.6%200%200%201%2019.605%2028a8.6%208.6%200%200%201-7.644-4.65%22%2F%3E%3Cpath%20fill%3D%22%23a56953%22%20d%3D%22M29%2019.28a9.51%209.51%200%201%201-19.02%200a9.51%209.51%200%200%201%2019.02%200m-2.78%202.5a4.75%204.75%200%201%200-9.5%200a4.75%204.75%200%200%200%209.5%200%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/snail.svg?color=%231a73e8&size=48