turtle neck icon
turtle-neck from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- turtle-neck
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the turtle neck icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m6.962 13.06l-2.394 7.16c-.139.417-.209.625-.38.72c-.364.2-1.859-.132-2.117-.515c-.109-.162-.076-.377-.012-.807L3.616 9.192c.265-1.775.683-2.325 2.319-3.067L9 4.517V3.01c0-.832.175-1.005 1.008-1.005L13.992 2C14.825 2 15 2.173 15 3.005v1.507l3.065 1.613c1.636.742 2.054 1.292 2.32 3.067l1.556 10.426c.064.43.097.646-.012.807c-.258.383-1.753.715-2.116.515c-.172-.095-.242-.303-.381-.72l-2.394-7.16"/><path d="M6.5 10c.166.997.376 1.996.46 3.003c.19 2.312.04 4.68.04 6.997c0 1.655.345 2 2 2h6c1.655 0 2-.345 2-2c0-2.317-.15-4.685.04-6.997c.084-1.007.294-2.006.46-3.003M9 5a5 5 0 0 0 6 0"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsTurtleNeck(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="m6.962 13.06l-2.394 7.16c-.139.417-.209.625-.38.72c-.364.2-1.859-.132-2.117-.515c-.109-.162-.076-.377-.012-.807L3.616 9.192c.265-1.775.683-2.325 2.319-3.067L9 4.517V3.01c0-.832.175-1.005 1.008-1.005L13.992 2C14.825 2 15 2.173 15 3.005v1.507l3.065 1.613c1.636.742 2.054 1.292 2.32 3.067l1.556 10.426c.064.43.097.646-.012.807c-.258.383-1.753.715-2.116.515c-.172-.095-.242-.303-.381-.72l-2.394-7.16"/><path d="M6.5 10c.166.997.376 1.996.46 3.003c.19 2.312.04 4.68.04 6.997c0 1.655.345 2 2 2h6c1.655 0 2-.345 2-2c0-2.317-.15-4.685.04-6.997c.084-1.007.294-2.006.46-3.003M9 5a5 5 0 0 0 6 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m6.962 13.06l-2.394 7.16c-.139.417-.209.625-.38.72c-.364.2-1.859-.132-2.117-.515c-.109-.162-.076-.377-.012-.807L3.616 9.192c.265-1.775.683-2.325 2.319-3.067L9 4.517V3.01c0-.832.175-1.005 1.008-1.005L13.992 2C14.825 2 15 2.173 15 3.005v1.507l3.065 1.613c1.636.742 2.054 1.292 2.32 3.067l1.556 10.426c.064.43.097.646-.012.807c-.258.383-1.753.715-2.116.515c-.172-.095-.242-.303-.381-.72l-2.394-7.16"/><path d="M6.5 10c.166.997.376 1.996.46 3.003c.19 2.312.04 4.68.04 6.997c0 1.655.345 2 2 2h6c1.655 0 2-.345 2-2c0-2.317-.15-4.685.04-6.997c.084-1.007.294-2.006.46-3.003M9 5a5 5 0 0 0 6 0"/></g></svg> </template>
CSS
.icon-turtle-neck {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m6.962%2013.06l-2.394%207.16c-.139.417-.209.625-.38.72c-.364.2-1.859-.132-2.117-.515c-.109-.162-.076-.377-.012-.807L3.616%209.192c.265-1.775.683-2.325%202.319-3.067L9%204.517V3.01c0-.832.175-1.005%201.008-1.005L13.992%202C14.825%202%2015%202.173%2015%203.005v1.507l3.065%201.613c1.636.742%202.054%201.292%202.32%203.067l1.556%2010.426c.064.43.097.646-.012.807c-.258.383-1.753.715-2.116.515c-.172-.095-.242-.303-.381-.72l-2.394-7.16%22%2F%3E%3Cpath%20d%3D%22M6.5%2010c.166.997.376%201.996.46%203.003c.19%202.312.04%204.68.04%206.997c0%201.655.345%202%202%202h6c1.655%200%202-.345%202-2c0-2.317-.15-4.685.04-6.997c.084-1.007.294-2.006.46-3.003M9%205a5%205%200%200%200%206%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m6.962%2013.06l-2.394%207.16c-.139.417-.209.625-.38.72c-.364.2-1.859-.132-2.117-.515c-.109-.162-.076-.377-.012-.807L3.616%209.192c.265-1.775.683-2.325%202.319-3.067L9%204.517V3.01c0-.832.175-1.005%201.008-1.005L13.992%202C14.825%202%2015%202.173%2015%203.005v1.507l3.065%201.613c1.636.742%202.054%201.292%202.32%203.067l1.556%2010.426c.064.43.097.646-.012.807c-.258.383-1.753.715-2.116.515c-.172-.095-.242-.303-.381-.72l-2.394-7.16%22%2F%3E%3Cpath%20d%3D%22M6.5%2010c.166.997.376%201.996.46%203.003c.19%202.312.04%204.68.04%206.997c0%201.655.345%202%202%202h6c1.655%200%202-.345%202-2c0-2.317-.15-4.685.04-6.997c.084-1.007.294-2.006.46-3.003M9%205a5%205%200%200%200%206%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/hugeicons/turtle-neck.svg?color=%231a73e8&size=48
