greek helmet icon

greek-helmet from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
greek-helmet
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Use the greek 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="M9 14c-2 0-3.167 3.63-3 5a9.86 9.86 0 0 1-3-7.09c0-5.147 3.947-9.38 9.001-9.877c.447-.044.67-.066.834.083c.5.453.165 2.245.165 2.846c.779-.656 2.011-2.237 3.076-2.392c.282-.04.504.057.948.25A10 10 0 0 1 21 5.956s-3.5.533-4 2.978"/><path d="M20.157 12.658C19.789 9.678 17.776 8 14.497 8C9.901 8 7.84 13.046 9.71 17.092c.252.545.024 1.266-.124 1.815c-.482 1.8-.723 2.7-.505 2.91c.218.212 1.001-.017 2.569-.476c1.41-.413 3.412-1.478 4.913-1.312c.93.103 3.472 2.46 4.27 1.88c.27-.196.174-.67-.016-1.617l-.432-2.148c-.14-.693-.326-.775-1.014-.919a4.5 4.5 0 0 1-2.511-1.521c-.257-.32-.206-.587.067-.877c.756-.806 1.537-1.043 2.252-1.111c.819-.078 1.082-.213.978-1.058Z"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsGreekHelmet(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="M9 14c-2 0-3.167 3.63-3 5a9.86 9.86 0 0 1-3-7.09c0-5.147 3.947-9.38 9.001-9.877c.447-.044.67-.066.834.083c.5.453.165 2.245.165 2.846c.779-.656 2.011-2.237 3.076-2.392c.282-.04.504.057.948.25A10 10 0 0 1 21 5.956s-3.5.533-4 2.978"/><path d="M20.157 12.658C19.789 9.678 17.776 8 14.497 8C9.901 8 7.84 13.046 9.71 17.092c.252.545.024 1.266-.124 1.815c-.482 1.8-.723 2.7-.505 2.91c.218.212 1.001-.017 2.569-.476c1.41-.413 3.412-1.478 4.913-1.312c.93.103 3.472 2.46 4.27 1.88c.27-.196.174-.67-.016-1.617l-.432-2.148c-.14-.693-.326-.775-1.014-.919a4.5 4.5 0 0 1-2.511-1.521c-.257-.32-.206-.587.067-.877c.756-.806 1.537-1.043 2.252-1.111c.819-.078 1.082-.213.978-1.058Z"/></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="M9 14c-2 0-3.167 3.63-3 5a9.86 9.86 0 0 1-3-7.09c0-5.147 3.947-9.38 9.001-9.877c.447-.044.67-.066.834.083c.5.453.165 2.245.165 2.846c.779-.656 2.011-2.237 3.076-2.392c.282-.04.504.057.948.25A10 10 0 0 1 21 5.956s-3.5.533-4 2.978"/><path d="M20.157 12.658C19.789 9.678 17.776 8 14.497 8C9.901 8 7.84 13.046 9.71 17.092c.252.545.024 1.266-.124 1.815c-.482 1.8-.723 2.7-.505 2.91c.218.212 1.001-.017 2.569-.476c1.41-.413 3.412-1.478 4.913-1.312c.93.103 3.472 2.46 4.27 1.88c.27-.196.174-.67-.016-1.617l-.432-2.148c-.14-.693-.326-.775-1.014-.919a4.5 4.5 0 0 1-2.511-1.521c-.257-.32-.206-.587.067-.877c.756-.806 1.537-1.043 2.252-1.111c.819-.078 1.082-.213.978-1.058Z"/></g></svg>
</template>

CSS

.icon-greek-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%22M9%2014c-2%200-3.167%203.63-3%205a9.86%209.86%200%200%201-3-7.09c0-5.147%203.947-9.38%209.001-9.877c.447-.044.67-.066.834.083c.5.453.165%202.245.165%202.846c.779-.656%202.011-2.237%203.076-2.392c.282-.04.504.057.948.25A10%2010%200%200%201%2021%205.956s-3.5.533-4%202.978%22%2F%3E%3Cpath%20d%3D%22M20.157%2012.658C19.789%209.678%2017.776%208%2014.497%208C9.901%208%207.84%2013.046%209.71%2017.092c.252.545.024%201.266-.124%201.815c-.482%201.8-.723%202.7-.505%202.91c.218.212%201.001-.017%202.569-.476c1.41-.413%203.412-1.478%204.913-1.312c.93.103%203.472%202.46%204.27%201.88c.27-.196.174-.67-.016-1.617l-.432-2.148c-.14-.693-.326-.775-1.014-.919a4.5%204.5%200%200%201-2.511-1.521c-.257-.32-.206-.587.067-.877c.756-.806%201.537-1.043%202.252-1.111c.819-.078%201.082-.213.978-1.058Z%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%22M9%2014c-2%200-3.167%203.63-3%205a9.86%209.86%200%200%201-3-7.09c0-5.147%203.947-9.38%209.001-9.877c.447-.044.67-.066.834.083c.5.453.165%202.245.165%202.846c.779-.656%202.011-2.237%203.076-2.392c.282-.04.504.057.948.25A10%2010%200%200%201%2021%205.956s-3.5.533-4%202.978%22%2F%3E%3Cpath%20d%3D%22M20.157%2012.658C19.789%209.678%2017.776%208%2014.497%208C9.901%208%207.84%2013.046%209.71%2017.092c.252.545.024%201.266-.124%201.815c-.482%201.8-.723%202.7-.505%202.91c.218.212%201.001-.017%202.569-.476c1.41-.413%203.412-1.478%204.913-1.312c.93.103%203.472%202.46%204.27%201.88c.27-.196.174-.67-.016-1.617l-.432-2.148c-.14-.693-.326-.775-1.014-.919a4.5%204.5%200%200%201-2.511-1.521c-.257-.32-.206-.587.067-.877c.756-.806%201.537-1.043%202.252-1.111c.819-.078%201.082-.213.978-1.058Z%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/greek-helmet.svg?color=%231a73e8&size=48