snake zodiac icon
snake-zodiac from IconPark by ByteDance · Color · Animals · Apache-2.0 Free for personal and commercial use.
- Name
- snake-zodiac
- Set
- IconPark
- Style
- Color
- Category
- Animals
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More animals icons from IconPark
Use the snake zodiac icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path d="M35.7858 39.083L38.6142 36.2546C40.9574 33.9114 40.9574 30.1125 38.6142 27.7693V27.7693C36.2711 25.4262 32.4721 25.4262 30.1289 27.7693L27.6675 30.2308"/><path d="M17.4011 23.5263L24.4721 16.4553C26.8153 14.1121 26.8153 10.3131 24.4721 7.97V7.97C22.129 5.62685 18.33 5.62685 15.9869 7.97L8.91578 15.0411"/><path d="M18.2827 22.6454L9.62259 31.3055C7.27945 33.6487 7.27945 37.4477 9.62259 39.7908V39.7908C11.9657 42.134 15.7647 42.134 18.1079 39.7908L28.0074 29.8913"/><path stroke-linejoin="round" d="M15 8.99969H7"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkSnakeZodiac(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="4"><path d="M35.7858 39.083L38.6142 36.2546C40.9574 33.9114 40.9574 30.1125 38.6142 27.7693V27.7693C36.2711 25.4262 32.4721 25.4262 30.1289 27.7693L27.6675 30.2308"/><path d="M17.4011 23.5263L24.4721 16.4553C26.8153 14.1121 26.8153 10.3131 24.4721 7.97V7.97C22.129 5.62685 18.33 5.62685 15.9869 7.97L8.91578 15.0411"/><path d="M18.2827 22.6454L9.62259 31.3055C7.27945 33.6487 7.27945 37.4477 9.62259 39.7908V39.7908C11.9657 42.134 15.7647 42.134 18.1079 39.7908L28.0074 29.8913"/><path strokeLinejoin="round" d="M15 8.99969H7"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path d="M35.7858 39.083L38.6142 36.2546C40.9574 33.9114 40.9574 30.1125 38.6142 27.7693V27.7693C36.2711 25.4262 32.4721 25.4262 30.1289 27.7693L27.6675 30.2308"/><path d="M17.4011 23.5263L24.4721 16.4553C26.8153 14.1121 26.8153 10.3131 24.4721 7.97V7.97C22.129 5.62685 18.33 5.62685 15.9869 7.97L8.91578 15.0411"/><path d="M18.2827 22.6454L9.62259 31.3055C7.27945 33.6487 7.27945 37.4477 9.62259 39.7908V39.7908C11.9657 42.134 15.7647 42.134 18.1079 39.7908L28.0074 29.8913"/><path stroke-linejoin="round" d="M15 8.99969H7"/></g></svg> </template>
CSS
.icon-snake-zodiac {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M35.7858%2039.083L38.6142%2036.2546C40.9574%2033.9114%2040.9574%2030.1125%2038.6142%2027.7693V27.7693C36.2711%2025.4262%2032.4721%2025.4262%2030.1289%2027.7693L27.6675%2030.2308%22%2F%3E%3Cpath%20d%3D%22M17.4011%2023.5263L24.4721%2016.4553C26.8153%2014.1121%2026.8153%2010.3131%2024.4721%207.97V7.97C22.129%205.62685%2018.33%205.62685%2015.9869%207.97L8.91578%2015.0411%22%2F%3E%3Cpath%20d%3D%22M18.2827%2022.6454L9.62259%2031.3055C7.27945%2033.6487%207.27945%2037.4477%209.62259%2039.7908V39.7908C11.9657%2042.134%2015.7647%2042.134%2018.1079%2039.7908L28.0074%2029.8913%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M15%208.99969H7%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M35.7858%2039.083L38.6142%2036.2546C40.9574%2033.9114%2040.9574%2030.1125%2038.6142%2027.7693V27.7693C36.2711%2025.4262%2032.4721%2025.4262%2030.1289%2027.7693L27.6675%2030.2308%22%2F%3E%3Cpath%20d%3D%22M17.4011%2023.5263L24.4721%2016.4553C26.8153%2014.1121%2026.8153%2010.3131%2024.4721%207.97V7.97C22.129%205.62685%2018.33%205.62685%2015.9869%207.97L8.91578%2015.0411%22%2F%3E%3Cpath%20d%3D%22M18.2827%2022.6454L9.62259%2031.3055C7.27945%2033.6487%207.27945%2037.4477%209.62259%2039.7908V39.7908C11.9657%2042.134%2015.7647%2042.134%2018.1079%2039.7908L28.0074%2029.8913%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M15%208.99969H7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/snake-zodiac.svg?color=%231a73e8&size=48
