helm icon
helm from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- helm
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Use the helm icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m10.546 47.803l3.293-3.293a21.7 21.7 0 0 0 12.503 5.227v4.605c0 .921.714 1.658 1.635 1.658c.944 0 1.658-.737 1.658-1.658v-4.605c4.766-.369 9.095-2.28 12.526-5.227l3.293 3.293c.668.644 1.704.667 2.326 0c.668-.645.668-1.681 0-2.349l-3.293-3.293a21.86 21.86 0 0 0 5.18-12.503h4.675A1.65 1.65 0 0 0 56 28c0-.921-.737-1.635-1.658-1.635h-4.674a21.86 21.86 0 0 0-5.181-12.526l3.293-3.293c.668-.668.668-1.704.023-2.349c-.645-.644-1.681-.644-2.349 0l-3.293 3.293c-3.43-2.947-7.76-4.858-12.526-5.204V1.658C29.635.737 28.92 0 27.977 0c-.921 0-1.635.737-1.635 1.658v4.628A21.5 21.5 0 0 0 13.84 11.49l-3.293-3.293c-.69-.644-1.704-.644-2.372 0c-.644.645-.621 1.681.023 2.35l3.293 3.292a21.86 21.86 0 0 0-5.18 12.526H1.634C.714 26.365.1 27.08.1 28s.614 1.658 1.535 1.658h4.674A21.86 21.86 0 0 0 11.49 42.16l-3.293 3.293c-.644.668-.667 1.704 0 2.349c.645.667 1.658.644 2.35 0M29.635 10.04c3.776.345 7.184 1.819 9.878 4.098l-9.878 9.879Zm-13.171 4.098a17.87 17.87 0 0 1 9.878-4.098v13.977ZM10.2 26.365c.322-3.753 1.75-7.138 3.96-9.855l9.833 9.855Zm21.783 0l9.855-9.855a18.13 18.13 0 0 1 3.938 9.855ZM10.2 29.658h13.793L14.16 39.49c-2.21-2.694-3.638-6.102-3.96-9.832m21.783 0h13.793c-.323 3.73-1.75 7.138-3.938 9.832Zm-15.52 12.204l9.878-9.878V45.96a17.87 17.87 0 0 1-9.878-4.1m13.17-9.878l9.88 9.878c-2.695 2.28-6.103 3.753-9.88 4.099Z"/></svg>
React
import type { SVGProps } from "react";
export function F7Helm(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m10.546 47.803l3.293-3.293a21.7 21.7 0 0 0 12.503 5.227v4.605c0 .921.714 1.658 1.635 1.658c.944 0 1.658-.737 1.658-1.658v-4.605c4.766-.369 9.095-2.28 12.526-5.227l3.293 3.293c.668.644 1.704.667 2.326 0c.668-.645.668-1.681 0-2.349l-3.293-3.293a21.86 21.86 0 0 0 5.18-12.503h4.675A1.65 1.65 0 0 0 56 28c0-.921-.737-1.635-1.658-1.635h-4.674a21.86 21.86 0 0 0-5.181-12.526l3.293-3.293c.668-.668.668-1.704.023-2.349c-.645-.644-1.681-.644-2.349 0l-3.293 3.293c-3.43-2.947-7.76-4.858-12.526-5.204V1.658C29.635.737 28.92 0 27.977 0c-.921 0-1.635.737-1.635 1.658v4.628A21.5 21.5 0 0 0 13.84 11.49l-3.293-3.293c-.69-.644-1.704-.644-2.372 0c-.644.645-.621 1.681.023 2.35l3.293 3.292a21.86 21.86 0 0 0-5.18 12.526H1.634C.714 26.365.1 27.08.1 28s.614 1.658 1.535 1.658h4.674A21.86 21.86 0 0 0 11.49 42.16l-3.293 3.293c-.644.668-.667 1.704 0 2.349c.645.667 1.658.644 2.35 0M29.635 10.04c3.776.345 7.184 1.819 9.878 4.098l-9.878 9.879Zm-13.171 4.098a17.87 17.87 0 0 1 9.878-4.098v13.977ZM10.2 26.365c.322-3.753 1.75-7.138 3.96-9.855l9.833 9.855Zm21.783 0l9.855-9.855a18.13 18.13 0 0 1 3.938 9.855ZM10.2 29.658h13.793L14.16 39.49c-2.21-2.694-3.638-6.102-3.96-9.832m21.783 0h13.793c-.323 3.73-1.75 7.138-3.938 9.832Zm-15.52 12.204l9.878-9.878V45.96a17.87 17.87 0 0 1-9.878-4.1m13.17-9.878l9.88 9.878c-2.695 2.28-6.103 3.753-9.88 4.099Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m10.546 47.803l3.293-3.293a21.7 21.7 0 0 0 12.503 5.227v4.605c0 .921.714 1.658 1.635 1.658c.944 0 1.658-.737 1.658-1.658v-4.605c4.766-.369 9.095-2.28 12.526-5.227l3.293 3.293c.668.644 1.704.667 2.326 0c.668-.645.668-1.681 0-2.349l-3.293-3.293a21.86 21.86 0 0 0 5.18-12.503h4.675A1.65 1.65 0 0 0 56 28c0-.921-.737-1.635-1.658-1.635h-4.674a21.86 21.86 0 0 0-5.181-12.526l3.293-3.293c.668-.668.668-1.704.023-2.349c-.645-.644-1.681-.644-2.349 0l-3.293 3.293c-3.43-2.947-7.76-4.858-12.526-5.204V1.658C29.635.737 28.92 0 27.977 0c-.921 0-1.635.737-1.635 1.658v4.628A21.5 21.5 0 0 0 13.84 11.49l-3.293-3.293c-.69-.644-1.704-.644-2.372 0c-.644.645-.621 1.681.023 2.35l3.293 3.292a21.86 21.86 0 0 0-5.18 12.526H1.634C.714 26.365.1 27.08.1 28s.614 1.658 1.535 1.658h4.674A21.86 21.86 0 0 0 11.49 42.16l-3.293 3.293c-.644.668-.667 1.704 0 2.349c.645.667 1.658.644 2.35 0M29.635 10.04c3.776.345 7.184 1.819 9.878 4.098l-9.878 9.879Zm-13.171 4.098a17.87 17.87 0 0 1 9.878-4.098v13.977ZM10.2 26.365c.322-3.753 1.75-7.138 3.96-9.855l9.833 9.855Zm21.783 0l9.855-9.855a18.13 18.13 0 0 1 3.938 9.855ZM10.2 29.658h13.793L14.16 39.49c-2.21-2.694-3.638-6.102-3.96-9.832m21.783 0h13.793c-.323 3.73-1.75 7.138-3.938 9.832Zm-15.52 12.204l9.878-9.878V45.96a17.87 17.87 0 0 1-9.878-4.1m13.17-9.878l9.88 9.878c-2.695 2.28-6.103 3.753-9.88 4.099Z"/></svg> </template>
CSS
.icon-helm {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m10.546%2047.803l3.293-3.293a21.7%2021.7%200%200%200%2012.503%205.227v4.605c0%20.921.714%201.658%201.635%201.658c.944%200%201.658-.737%201.658-1.658v-4.605c4.766-.369%209.095-2.28%2012.526-5.227l3.293%203.293c.668.644%201.704.667%202.326%200c.668-.645.668-1.681%200-2.349l-3.293-3.293a21.86%2021.86%200%200%200%205.18-12.503h4.675A1.65%201.65%200%200%200%2056%2028c0-.921-.737-1.635-1.658-1.635h-4.674a21.86%2021.86%200%200%200-5.181-12.526l3.293-3.293c.668-.668.668-1.704.023-2.349c-.645-.644-1.681-.644-2.349%200l-3.293%203.293c-3.43-2.947-7.76-4.858-12.526-5.204V1.658C29.635.737%2028.92%200%2027.977%200c-.921%200-1.635.737-1.635%201.658v4.628A21.5%2021.5%200%200%200%2013.84%2011.49l-3.293-3.293c-.69-.644-1.704-.644-2.372%200c-.644.645-.621%201.681.023%202.35l3.293%203.292a21.86%2021.86%200%200%200-5.18%2012.526H1.634C.714%2026.365.1%2027.08.1%2028s.614%201.658%201.535%201.658h4.674A21.86%2021.86%200%200%200%2011.49%2042.16l-3.293%203.293c-.644.668-.667%201.704%200%202.349c.645.667%201.658.644%202.35%200M29.635%2010.04c3.776.345%207.184%201.819%209.878%204.098l-9.878%209.879Zm-13.171%204.098a17.87%2017.87%200%200%201%209.878-4.098v13.977ZM10.2%2026.365c.322-3.753%201.75-7.138%203.96-9.855l9.833%209.855Zm21.783%200l9.855-9.855a18.13%2018.13%200%200%201%203.938%209.855ZM10.2%2029.658h13.793L14.16%2039.49c-2.21-2.694-3.638-6.102-3.96-9.832m21.783%200h13.793c-.323%203.73-1.75%207.138-3.938%209.832Zm-15.52%2012.204l9.878-9.878V45.96a17.87%2017.87%200%200%201-9.878-4.1m13.17-9.878l9.88%209.878c-2.695%202.28-6.103%203.753-9.88%204.099Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m10.546%2047.803l3.293-3.293a21.7%2021.7%200%200%200%2012.503%205.227v4.605c0%20.921.714%201.658%201.635%201.658c.944%200%201.658-.737%201.658-1.658v-4.605c4.766-.369%209.095-2.28%2012.526-5.227l3.293%203.293c.668.644%201.704.667%202.326%200c.668-.645.668-1.681%200-2.349l-3.293-3.293a21.86%2021.86%200%200%200%205.18-12.503h4.675A1.65%201.65%200%200%200%2056%2028c0-.921-.737-1.635-1.658-1.635h-4.674a21.86%2021.86%200%200%200-5.181-12.526l3.293-3.293c.668-.668.668-1.704.023-2.349c-.645-.644-1.681-.644-2.349%200l-3.293%203.293c-3.43-2.947-7.76-4.858-12.526-5.204V1.658C29.635.737%2028.92%200%2027.977%200c-.921%200-1.635.737-1.635%201.658v4.628A21.5%2021.5%200%200%200%2013.84%2011.49l-3.293-3.293c-.69-.644-1.704-.644-2.372%200c-.644.645-.621%201.681.023%202.35l3.293%203.292a21.86%2021.86%200%200%200-5.18%2012.526H1.634C.714%2026.365.1%2027.08.1%2028s.614%201.658%201.535%201.658h4.674A21.86%2021.86%200%200%200%2011.49%2042.16l-3.293%203.293c-.644.668-.667%201.704%200%202.349c.645.667%201.658.644%202.35%200M29.635%2010.04c3.776.345%207.184%201.819%209.878%204.098l-9.878%209.879Zm-13.171%204.098a17.87%2017.87%200%200%201%209.878-4.098v13.977ZM10.2%2026.365c.322-3.753%201.75-7.138%203.96-9.855l9.833%209.855Zm21.783%200l9.855-9.855a18.13%2018.13%200%200%201%203.938%209.855ZM10.2%2029.658h13.793L14.16%2039.49c-2.21-2.694-3.638-6.102-3.96-9.832m21.783%200h13.793c-.323%203.73-1.75%207.138-3.938%209.832Zm-15.52%2012.204l9.878-9.878V45.96a17.87%2017.87%200%200%201-9.878-4.1m13.17-9.878l9.88%209.878c-2.695%202.28-6.103%203.753-9.88%204.099Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/helm.svg?color=%231a73e8&size=48
