snail icon
snail from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- snail
- Set
- Material Symbols
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- snail-rounded, snail-sharp
1 other variant in Material Symbols
The same icon in other sets
snailEmoji One (Colored)snailFluent EmojisnailFluent Emoji FlatsnailFluent Emoji High ContrastsnailFirefox OS EmojisnailHuge IconssnailLucidesnailMaterial Symbols LightsnailMaterial Design IconssnailNoto EmojisnailOpenMojisnailPixelarticonssnailStreamline EmojissnailWeb3 Icons BrandedsnailTwitter Emoji
More social icons from Material Symbols
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="M3 20q0-1.4.613-2.65t1.737-2.1q-1.1-.7-1.725-1.825T3 11q0-2.9 2.037-4.95T10 4q1.65 0 3.138.763t2.487 2.112Q16.175 6 17.063 5.5t1.912-.5q1.575 0 2.8.825T23 8.075q0 1.175-.825 2t-2 .825H20V15q0 2.1-1.462 3.55T15 20zm5-6q1.25 0 2.125-.962T11 11q0-.6-.275-.8T10.1 10q-.5 0-.8.288T9 11H7q0-1.25.875-2.125T10.025 8q1.225 0 2.1.825T13 11q0 .725-.275 1.538T11.95 14h1.55q.625 0 1.063-.425T15 12.5V11q0-2.075-1.462-3.537T10 6Q7.9 6 6.45 7.463T5 11q0 1.275.863 2.138T8 14"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsSnail(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="M3 20q0-1.4.613-2.65t1.737-2.1q-1.1-.7-1.725-1.825T3 11q0-2.9 2.037-4.95T10 4q1.65 0 3.138.763t2.487 2.112Q16.175 6 17.063 5.5t1.912-.5q1.575 0 2.8.825T23 8.075q0 1.175-.825 2t-2 .825H20V15q0 2.1-1.462 3.55T15 20zm5-6q1.25 0 2.125-.962T11 11q0-.6-.275-.8T10.1 10q-.5 0-.8.288T9 11H7q0-1.25.875-2.125T10.025 8q1.225 0 2.1.825T13 11q0 .725-.275 1.538T11.95 14h1.55q.625 0 1.063-.425T15 12.5V11q0-2.075-1.462-3.537T10 6Q7.9 6 6.45 7.463T5 11q0 1.275.863 2.138T8 14"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20q0-1.4.613-2.65t1.737-2.1q-1.1-.7-1.725-1.825T3 11q0-2.9 2.037-4.95T10 4q1.65 0 3.138.763t2.487 2.112Q16.175 6 17.063 5.5t1.912-.5q1.575 0 2.8.825T23 8.075q0 1.175-.825 2t-2 .825H20V15q0 2.1-1.462 3.55T15 20zm5-6q1.25 0 2.125-.962T11 11q0-.6-.275-.8T10.1 10q-.5 0-.8.288T9 11H7q0-1.25.875-2.125T10.025 8q1.225 0 2.1.825T13 11q0 .725-.275 1.538T11.95 14h1.55q.625 0 1.063-.425T15 12.5V11q0-2.075-1.462-3.537T10 6Q7.9 6 6.45 7.463T5 11q0 1.275.863 2.138T8 14"/></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%22M3%2020q0-1.4.613-2.65t1.737-2.1q-1.1-.7-1.725-1.825T3%2011q0-2.9%202.037-4.95T10%204q1.65%200%203.138.763t2.487%202.112Q16.175%206%2017.063%205.5t1.912-.5q1.575%200%202.8.825T23%208.075q0%201.175-.825%202t-2%20.825H20V15q0%202.1-1.462%203.55T15%2020zm5-6q1.25%200%202.125-.962T11%2011q0-.6-.275-.8T10.1%2010q-.5%200-.8.288T9%2011H7q0-1.25.875-2.125T10.025%208q1.225%200%202.1.825T13%2011q0%20.725-.275%201.538T11.95%2014h1.55q.625%200%201.063-.425T15%2012.5V11q0-2.075-1.462-3.537T10%206Q7.9%206%206.45%207.463T5%2011q0%201.275.863%202.138T8%2014%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%22M3%2020q0-1.4.613-2.65t1.737-2.1q-1.1-.7-1.725-1.825T3%2011q0-2.9%202.037-4.95T10%204q1.65%200%203.138.763t2.487%202.112Q16.175%206%2017.063%205.5t1.912-.5q1.575%200%202.8.825T23%208.075q0%201.175-.825%202t-2%20.825H20V15q0%202.1-1.462%203.55T15%2020zm5-6q1.25%200%202.125-.962T11%2011q0-.6-.275-.8T10.1%2010q-.5%200-.8.288T9%2011H7q0-1.25.875-2.125T10.025%208q1.225%200%202.1.825T13%2011q0%20.725-.275%201.538T11.95%2014h1.55q.625%200%201.063-.425T15%2012.5V11q0-2.075-1.462-3.537T10%206Q7.9%206%206.45%207.463T5%2011q0%201.275.863%202.138T8%2014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/snail.svg?color=%231a73e8&size=48
