spartan helmet icon
spartan-helmet from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- spartan-helmet
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the spartan helmet 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-width="1.5"><path stroke-linejoin="round" d="M4.538 15.094C2.888 8.61 5.996 4.564 12 2c6.005 2.563 9.112 6.61 7.462 13.094c-.12.47-.104.969.072 1.42l1.376 3.524c.535 1.371-1.444 1.697-2.285 1.874c-2.314.487-4.558-1.101-4.932-3.492c-.264-1.687.69-1.964 1.938-2.603c0 0 1.556-.531 1.556-2.126c0-1.174-.93-2.125-2.075-2.125c-.718 0-1.35.208-1.977.886c-.608.657-.912.985-1.135.985s-.527-.328-1.134-.985c-.628-.678-1.26-.886-1.978-.886c-1.146 0-2.075.951-2.075 2.125c0 1.595 1.556 2.126 1.556 2.126c1.248.639 2.202.916 1.938 2.603c-.374 2.39-2.618 3.98-4.932 3.492c-.841-.177-2.82-.503-2.284-1.874l1.375-3.524c.176-.451.191-.95.072-1.42Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M10 20h4"/><path stroke-linecap="round" d="M12.125 8H12m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSpartanHelmet(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" strokeWidth="1.5"><path strokeLinejoin="round" d="M4.538 15.094C2.888 8.61 5.996 4.564 12 2c6.005 2.563 9.112 6.61 7.462 13.094c-.12.47-.104.969.072 1.42l1.376 3.524c.535 1.371-1.444 1.697-2.285 1.874c-2.314.487-4.558-1.101-4.932-3.492c-.264-1.687.69-1.964 1.938-2.603c0 0 1.556-.531 1.556-2.126c0-1.174-.93-2.125-2.075-2.125c-.718 0-1.35.208-1.977.886c-.608.657-.912.985-1.135.985s-.527-.328-1.134-.985c-.628-.678-1.26-.886-1.978-.886c-1.146 0-2.075.951-2.075 2.125c0 1.595 1.556 2.126 1.556 2.126c1.248.639 2.202.916 1.938 2.603c-.374 2.39-2.618 3.98-4.932 3.492c-.841-.177-2.82-.503-2.284-1.874l1.375-3.524c.176-.451.191-.95.072-1.42Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M10 20h4"/><path strokeLinecap="round" d="M12.125 8H12m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Z"/></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-width="1.5"><path stroke-linejoin="round" d="M4.538 15.094C2.888 8.61 5.996 4.564 12 2c6.005 2.563 9.112 6.61 7.462 13.094c-.12.47-.104.969.072 1.42l1.376 3.524c.535 1.371-1.444 1.697-2.285 1.874c-2.314.487-4.558-1.101-4.932-3.492c-.264-1.687.69-1.964 1.938-2.603c0 0 1.556-.531 1.556-2.126c0-1.174-.93-2.125-2.075-2.125c-.718 0-1.35.208-1.977.886c-.608.657-.912.985-1.135.985s-.527-.328-1.134-.985c-.628-.678-1.26-.886-1.978-.886c-1.146 0-2.075.951-2.075 2.125c0 1.595 1.556 2.126 1.556 2.126c1.248.639 2.202.916 1.938 2.603c-.374 2.39-2.618 3.98-4.932 3.492c-.841-.177-2.82-.503-2.284-1.874l1.375-3.524c.176-.451.191-.95.072-1.42Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M10 20h4"/><path stroke-linecap="round" d="M12.125 8H12m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Z"/></g></svg> </template>
CSS
.icon-spartan-helmet {
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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M4.538%2015.094C2.888%208.61%205.996%204.564%2012%202c6.005%202.563%209.112%206.61%207.462%2013.094c-.12.47-.104.969.072%201.42l1.376%203.524c.535%201.371-1.444%201.697-2.285%201.874c-2.314.487-4.558-1.101-4.932-3.492c-.264-1.687.69-1.964%201.938-2.603c0%200%201.556-.531%201.556-2.126c0-1.174-.93-2.125-2.075-2.125c-.718%200-1.35.208-1.977.886c-.608.657-.912.985-1.135.985s-.527-.328-1.134-.985c-.628-.678-1.26-.886-1.978-.886c-1.146%200-2.075.951-2.075%202.125c0%201.595%201.556%202.126%201.556%202.126c1.248.639%202.202.916%201.938%202.603c-.374%202.39-2.618%203.98-4.932%203.492c-.841-.177-2.82-.503-2.284-1.874l1.375-3.524c.176-.451.191-.95.072-1.42Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10%2020h4%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12.125%208H12m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200Z%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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M4.538%2015.094C2.888%208.61%205.996%204.564%2012%202c6.005%202.563%209.112%206.61%207.462%2013.094c-.12.47-.104.969.072%201.42l1.376%203.524c.535%201.371-1.444%201.697-2.285%201.874c-2.314.487-4.558-1.101-4.932-3.492c-.264-1.687.69-1.964%201.938-2.603c0%200%201.556-.531%201.556-2.126c0-1.174-.93-2.125-2.075-2.125c-.718%200-1.35.208-1.977.886c-.608.657-.912.985-1.135.985s-.527-.328-1.134-.985c-.628-.678-1.26-.886-1.978-.886c-1.146%200-2.075.951-2.075%202.125c0%201.595%201.556%202.126%201.556%202.126c1.248.639%202.202.916%201.938%202.603c-.374%202.39-2.618%203.98-4.932%203.492c-.841-.177-2.82-.503-2.284-1.874l1.375-3.524c.176-.451.191-.95.072-1.42Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10%2020h4%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12.125%208H12m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200Z%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/spartan-helmet.svg?color=%231a73e8&size=48
