snail icon
snail from Pixelarticons by Gerrit Halfmann · Regular · MIT Free for personal and commercial use.
- Name
- snail
- Set
- Pixelarticons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
snailEmoji One (Colored)snailFluent EmojisnailFluent Emoji FlatsnailFluent Emoji High ContrastsnailFirefox OS EmojisnailHuge IconssnailLucidesnailMaterial SymbolssnailMaterial Symbols LightsnailMaterial Design IconssnailNoto EmojisnailOpenMojisnailStreamline EmojissnailWeb3 Icons BrandedsnailTwitter Emoji
Use the snail icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 22H6v-2h14zM6 20H4v-8h2zm14-4h2v4h-2v-2h-6v-2h4v-2h2zm-8 2h-2v-2h2zm-2-2H8V8H4V6h6zm4 0h-2V9h2zm8-2h-2V6h2zM4 12H2V8h2zm14 0h-2V9h2zm-2-3h-2V7h2zm-4-3h-2V4h2zm8 0h-2V4h2zM4 4H2V2h2zm4 0H6V2h2zm10 0h-6V2h6z"/></svg>
React
import type { SVGProps } from "react";
export function PixelarticonsSnail(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 22H6v-2h14zM6 20H4v-8h2zm14-4h2v4h-2v-2h-6v-2h4v-2h2zm-8 2h-2v-2h2zm-2-2H8V8H4V6h6zm4 0h-2V9h2zm8-2h-2V6h2zM4 12H2V8h2zm14 0h-2V9h2zm-2-3h-2V7h2zm-4-3h-2V4h2zm8 0h-2V4h2zM4 4H2V2h2zm4 0H6V2h2zm10 0h-6V2h6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 22H6v-2h14zM6 20H4v-8h2zm14-4h2v4h-2v-2h-6v-2h4v-2h2zm-8 2h-2v-2h2zm-2-2H8V8H4V6h6zm4 0h-2V9h2zm8-2h-2V6h2zM4 12H2V8h2zm14 0h-2V9h2zm-2-3h-2V7h2zm-4-3h-2V4h2zm8 0h-2V4h2zM4 4H2V2h2zm4 0H6V2h2zm10 0h-6V2h6z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2022H6v-2h14zM6%2020H4v-8h2zm14-4h2v4h-2v-2h-6v-2h4v-2h2zm-8%202h-2v-2h2zm-2-2H8V8H4V6h6zm4%200h-2V9h2zm8-2h-2V6h2zM4%2012H2V8h2zm14%200h-2V9h2zm-2-3h-2V7h2zm-4-3h-2V4h2zm8%200h-2V4h2zM4%204H2V2h2zm4%200H6V2h2zm10%200h-6V2h6z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2022H6v-2h14zM6%2020H4v-8h2zm14-4h2v4h-2v-2h-6v-2h4v-2h2zm-8%202h-2v-2h2zm-2-2H8V8H4V6h6zm4%200h-2V9h2zm8-2h-2V6h2zM4%2012H2V8h2zm14%200h-2V9h2zm-2-3h-2V7h2zm-4-3h-2V4h2zm8%200h-2V4h2zM4%204H2V2h2zm4%200H6V2h2zm10%200h-6V2h6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/pixelarticons/snail.svg?color=%231a73e8&size=48
