snake icon
snake from Material Design Icons by Pictogrammers · Filled · Animal · Apache-2.0 Free for personal and commercial use.
- Name
- snake
- Set
- Material Design Icons
- Style
- Filled
- Category
- Animal
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- reptile
The same icon in other sets
More animal icons from Material Design Icons
Use the snake icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.5 17H18c1.1 0 2-.9 2-2s-.9-2-2-2V9c0-1 0-2-1.08-2.86c.05-.21.08-.42.08-.64C17 3.57 15 2 12.5 2c-2.26 0-4.12 1.31-4.43 3H6L3.71 2.79L3 3.5l2 2l-2 2l.71.71L6 6h2.07c.31 1.69 2.17 3 4.43 3c.5 0 1-.08 1.43-.2c.04.07.07.14.07.2v4H8c-1.1 0-2 .9-2 2s.9 2 2 2H6.5A2.5 2.5 0 0 0 4 19.5c0 .17 0 .34.05.5H4c-1.1 0-2 .9-2 2h17.5a2.5 2.5 0 0 0 0-5M12 5c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1"/></svg>
React
import type { SVGProps } from "react";
export function MdiSnake(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="M19.5 17H18c1.1 0 2-.9 2-2s-.9-2-2-2V9c0-1 0-2-1.08-2.86c.05-.21.08-.42.08-.64C17 3.57 15 2 12.5 2c-2.26 0-4.12 1.31-4.43 3H6L3.71 2.79L3 3.5l2 2l-2 2l.71.71L6 6h2.07c.31 1.69 2.17 3 4.43 3c.5 0 1-.08 1.43-.2c.04.07.07.14.07.2v4H8c-1.1 0-2 .9-2 2s.9 2 2 2H6.5A2.5 2.5 0 0 0 4 19.5c0 .17 0 .34.05.5H4c-1.1 0-2 .9-2 2h17.5a2.5 2.5 0 0 0 0-5M12 5c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.5 17H18c1.1 0 2-.9 2-2s-.9-2-2-2V9c0-1 0-2-1.08-2.86c.05-.21.08-.42.08-.64C17 3.57 15 2 12.5 2c-2.26 0-4.12 1.31-4.43 3H6L3.71 2.79L3 3.5l2 2l-2 2l.71.71L6 6h2.07c.31 1.69 2.17 3 4.43 3c.5 0 1-.08 1.43-.2c.04.07.07.14.07.2v4H8c-1.1 0-2 .9-2 2s.9 2 2 2H6.5A2.5 2.5 0 0 0 4 19.5c0 .17 0 .34.05.5H4c-1.1 0-2 .9-2 2h17.5a2.5 2.5 0 0 0 0-5M12 5c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1"/></svg> </template>
CSS
.icon-snake {
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%22M19.5%2017H18c1.1%200%202-.9%202-2s-.9-2-2-2V9c0-1%200-2-1.08-2.86c.05-.21.08-.42.08-.64C17%203.57%2015%202%2012.5%202c-2.26%200-4.12%201.31-4.43%203H6L3.71%202.79L3%203.5l2%202l-2%202l.71.71L6%206h2.07c.31%201.69%202.17%203%204.43%203c.5%200%201-.08%201.43-.2c.04.07.07.14.07.2v4H8c-1.1%200-2%20.9-2%202s.9%202%202%202H6.5A2.5%202.5%200%200%200%204%2019.5c0%20.17%200%20.34.05.5H4c-1.1%200-2%20.9-2%202h17.5a2.5%202.5%200%200%200%200-5M12%205c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201%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%22M19.5%2017H18c1.1%200%202-.9%202-2s-.9-2-2-2V9c0-1%200-2-1.08-2.86c.05-.21.08-.42.08-.64C17%203.57%2015%202%2012.5%202c-2.26%200-4.12%201.31-4.43%203H6L3.71%202.79L3%203.5l2%202l-2%202l.71.71L6%206h2.07c.31%201.69%202.17%203%204.43%203c.5%200%201-.08%201.43-.2c.04.07.07.14.07.2v4H8c-1.1%200-2%20.9-2%202s.9%202%202%202H6.5A2.5%202.5%200%200%200%204%2019.5c0%20.17%200%20.34.05.5H4c-1.1%200-2%20.9-2%202h17.5a2.5%202.5%200%200%200%200-5M12%205c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/snake.svg?color=%231a73e8&size=48
