gear icon
gear from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- gear
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Related icons in Framework7 Icons
Use the gear icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 50.828c.61 0 1.172-.07 1.805-.117l1.36 2.578c.257.516.773.797 1.405.703c.586-.117 1.008-.539 1.078-1.172l.422-2.836c1.149-.304 2.297-.75 3.422-1.242l2.11 1.899c.445.422 1.007.515 1.593.187c.516-.281.727-.844.61-1.453l-.586-2.812a21.5 21.5 0 0 0 2.789-2.32l2.625 1.1c.586.235 1.125.118 1.57-.421c.399-.422.445-1.031.117-1.547l-1.523-2.437c.703-.985 1.266-2.04 1.805-3.165l2.86.141c.608.023 1.124-.305 1.335-.89c.187-.587 0-1.149-.492-1.524l-2.227-1.781c.305-1.125.54-2.344.633-3.61l2.719-.843c.586-.211.96-.657.96-1.29c0-.609-.374-1.054-.96-1.265l-2.72-.867c-.093-1.266-.327-2.438-.632-3.586l2.226-1.805c.493-.351.68-.89.493-1.476c-.211-.586-.727-.915-1.336-.891l-2.86.117c-.538-1.125-1.1-2.18-1.804-3.164l1.524-2.437c.327-.493.28-1.102-.118-1.524c-.445-.539-.984-.68-1.57-.422l-2.625 1.055a26 26 0 0 0-2.79-2.297l.587-2.789c.117-.633-.094-1.195-.61-1.477c-.586-.304-1.148-.257-1.593.211l-2.11 1.852a27 27 0 0 0-3.422-1.219l-.422-2.836c-.07-.61-.492-1.054-1.078-1.148c-.633-.094-1.148.164-1.406.68l-1.36 2.578c-.632-.047-1.195-.094-1.804-.094c-.633 0-1.195.047-1.852.094l-1.335-2.578c-.258-.516-.774-.774-1.43-.68c-.586.094-.985.539-1.078 1.148l-.399 2.813a28 28 0 0 0-3.422 1.242l-2.109-1.852c-.469-.468-1.031-.515-1.594-.21c-.515.28-.726.843-.61 1.476l.587 2.79a24 24 0 0 0-2.813 2.296l-2.601-1.055c-.586-.258-1.149-.117-1.594.422a1.235 1.235 0 0 0-.117 1.5L9.18 15.04c-.703.984-1.266 2.04-1.805 3.164l-2.883-.117c-.61-.023-1.125.305-1.312.89c-.188.587-.024 1.126.468 1.477l2.25 1.805c-.304 1.148-.562 2.32-.632 3.586l-2.72.867c-.608.187-.937.633-.937 1.266c0 .632.329 1.078.938 1.289l2.719.867c.07 1.242.328 2.46.633 3.586l-2.25 1.78c-.493.375-.657.938-.47 1.523c.188.586.704.914 1.313.891l2.883-.14c.54 1.124 1.102 2.18 1.781 3.163l-1.5 2.438c-.351.516-.304 1.125.094 1.547c.445.539 1.008.656 1.594.422l2.601-1.102c.868.867 1.829 1.64 2.813 2.32l-.586 2.813c-.117.61.094 1.172.61 1.453c.585.328 1.148.234 1.593-.187l2.086-1.899c1.125.492 2.273.938 3.445 1.242l.399 2.836c.093.633.492 1.055 1.078 1.172c.656.094 1.172-.187 1.43-.703l1.335-2.578c.633.047 1.22.117 1.852.117M33.883 26.5c-1.102-2.953-3.258-4.57-5.953-4.57c-.399 0-.867.047-1.617.21l-6.727-11.484C22.094 9.414 24.953 8.734 28 8.734c10.219 0 18.234 7.758 18.961 17.766ZM8.969 28c0-6.516 3.07-12.258 7.922-15.726l6.773 11.554c-1.266 1.313-1.851 2.742-1.851 4.266c0 1.476.562 2.836 1.851 4.195l-6.937 11.344C11.992 40.14 8.969 34.469 8.969 28m16.148.07c0-1.593 1.36-2.836 2.86-2.836c1.593 0 2.906 1.243 2.906 2.836c0 1.57-1.313 2.86-2.906 2.86c-1.5 0-2.86-1.29-2.86-2.86M28 47.266c-3.117 0-6.023-.727-8.578-1.992L26.312 34c.727.188 1.22.234 1.618.234c2.718 0 4.875-1.664 5.953-4.687H46.96c-.75 9.96-8.766 17.719-18.961 17.719"/></svg>
React
import type { SVGProps } from "react";
export function F7Gear(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="M28 50.828c.61 0 1.172-.07 1.805-.117l1.36 2.578c.257.516.773.797 1.405.703c.586-.117 1.008-.539 1.078-1.172l.422-2.836c1.149-.304 2.297-.75 3.422-1.242l2.11 1.899c.445.422 1.007.515 1.593.187c.516-.281.727-.844.61-1.453l-.586-2.812a21.5 21.5 0 0 0 2.789-2.32l2.625 1.1c.586.235 1.125.118 1.57-.421c.399-.422.445-1.031.117-1.547l-1.523-2.437c.703-.985 1.266-2.04 1.805-3.165l2.86.141c.608.023 1.124-.305 1.335-.89c.187-.587 0-1.149-.492-1.524l-2.227-1.781c.305-1.125.54-2.344.633-3.61l2.719-.843c.586-.211.96-.657.96-1.29c0-.609-.374-1.054-.96-1.265l-2.72-.867c-.093-1.266-.327-2.438-.632-3.586l2.226-1.805c.493-.351.68-.89.493-1.476c-.211-.586-.727-.915-1.336-.891l-2.86.117c-.538-1.125-1.1-2.18-1.804-3.164l1.524-2.437c.327-.493.28-1.102-.118-1.524c-.445-.539-.984-.68-1.57-.422l-2.625 1.055a26 26 0 0 0-2.79-2.297l.587-2.789c.117-.633-.094-1.195-.61-1.477c-.586-.304-1.148-.257-1.593.211l-2.11 1.852a27 27 0 0 0-3.422-1.219l-.422-2.836c-.07-.61-.492-1.054-1.078-1.148c-.633-.094-1.148.164-1.406.68l-1.36 2.578c-.632-.047-1.195-.094-1.804-.094c-.633 0-1.195.047-1.852.094l-1.335-2.578c-.258-.516-.774-.774-1.43-.68c-.586.094-.985.539-1.078 1.148l-.399 2.813a28 28 0 0 0-3.422 1.242l-2.109-1.852c-.469-.468-1.031-.515-1.594-.21c-.515.28-.726.843-.61 1.476l.587 2.79a24 24 0 0 0-2.813 2.296l-2.601-1.055c-.586-.258-1.149-.117-1.594.422a1.235 1.235 0 0 0-.117 1.5L9.18 15.04c-.703.984-1.266 2.04-1.805 3.164l-2.883-.117c-.61-.023-1.125.305-1.312.89c-.188.587-.024 1.126.468 1.477l2.25 1.805c-.304 1.148-.562 2.32-.632 3.586l-2.72.867c-.608.187-.937.633-.937 1.266c0 .632.329 1.078.938 1.289l2.719.867c.07 1.242.328 2.46.633 3.586l-2.25 1.78c-.493.375-.657.938-.47 1.523c.188.586.704.914 1.313.891l2.883-.14c.54 1.124 1.102 2.18 1.781 3.163l-1.5 2.438c-.351.516-.304 1.125.094 1.547c.445.539 1.008.656 1.594.422l2.601-1.102c.868.867 1.829 1.64 2.813 2.32l-.586 2.813c-.117.61.094 1.172.61 1.453c.585.328 1.148.234 1.593-.187l2.086-1.899c1.125.492 2.273.938 3.445 1.242l.399 2.836c.093.633.492 1.055 1.078 1.172c.656.094 1.172-.187 1.43-.703l1.335-2.578c.633.047 1.22.117 1.852.117M33.883 26.5c-1.102-2.953-3.258-4.57-5.953-4.57c-.399 0-.867.047-1.617.21l-6.727-11.484C22.094 9.414 24.953 8.734 28 8.734c10.219 0 18.234 7.758 18.961 17.766ZM8.969 28c0-6.516 3.07-12.258 7.922-15.726l6.773 11.554c-1.266 1.313-1.851 2.742-1.851 4.266c0 1.476.562 2.836 1.851 4.195l-6.937 11.344C11.992 40.14 8.969 34.469 8.969 28m16.148.07c0-1.593 1.36-2.836 2.86-2.836c1.593 0 2.906 1.243 2.906 2.836c0 1.57-1.313 2.86-2.906 2.86c-1.5 0-2.86-1.29-2.86-2.86M28 47.266c-3.117 0-6.023-.727-8.578-1.992L26.312 34c.727.188 1.22.234 1.618.234c2.718 0 4.875-1.664 5.953-4.687H46.96c-.75 9.96-8.766 17.719-18.961 17.719"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 50.828c.61 0 1.172-.07 1.805-.117l1.36 2.578c.257.516.773.797 1.405.703c.586-.117 1.008-.539 1.078-1.172l.422-2.836c1.149-.304 2.297-.75 3.422-1.242l2.11 1.899c.445.422 1.007.515 1.593.187c.516-.281.727-.844.61-1.453l-.586-2.812a21.5 21.5 0 0 0 2.789-2.32l2.625 1.1c.586.235 1.125.118 1.57-.421c.399-.422.445-1.031.117-1.547l-1.523-2.437c.703-.985 1.266-2.04 1.805-3.165l2.86.141c.608.023 1.124-.305 1.335-.89c.187-.587 0-1.149-.492-1.524l-2.227-1.781c.305-1.125.54-2.344.633-3.61l2.719-.843c.586-.211.96-.657.96-1.29c0-.609-.374-1.054-.96-1.265l-2.72-.867c-.093-1.266-.327-2.438-.632-3.586l2.226-1.805c.493-.351.68-.89.493-1.476c-.211-.586-.727-.915-1.336-.891l-2.86.117c-.538-1.125-1.1-2.18-1.804-3.164l1.524-2.437c.327-.493.28-1.102-.118-1.524c-.445-.539-.984-.68-1.57-.422l-2.625 1.055a26 26 0 0 0-2.79-2.297l.587-2.789c.117-.633-.094-1.195-.61-1.477c-.586-.304-1.148-.257-1.593.211l-2.11 1.852a27 27 0 0 0-3.422-1.219l-.422-2.836c-.07-.61-.492-1.054-1.078-1.148c-.633-.094-1.148.164-1.406.68l-1.36 2.578c-.632-.047-1.195-.094-1.804-.094c-.633 0-1.195.047-1.852.094l-1.335-2.578c-.258-.516-.774-.774-1.43-.68c-.586.094-.985.539-1.078 1.148l-.399 2.813a28 28 0 0 0-3.422 1.242l-2.109-1.852c-.469-.468-1.031-.515-1.594-.21c-.515.28-.726.843-.61 1.476l.587 2.79a24 24 0 0 0-2.813 2.296l-2.601-1.055c-.586-.258-1.149-.117-1.594.422a1.235 1.235 0 0 0-.117 1.5L9.18 15.04c-.703.984-1.266 2.04-1.805 3.164l-2.883-.117c-.61-.023-1.125.305-1.312.89c-.188.587-.024 1.126.468 1.477l2.25 1.805c-.304 1.148-.562 2.32-.632 3.586l-2.72.867c-.608.187-.937.633-.937 1.266c0 .632.329 1.078.938 1.289l2.719.867c.07 1.242.328 2.46.633 3.586l-2.25 1.78c-.493.375-.657.938-.47 1.523c.188.586.704.914 1.313.891l2.883-.14c.54 1.124 1.102 2.18 1.781 3.163l-1.5 2.438c-.351.516-.304 1.125.094 1.547c.445.539 1.008.656 1.594.422l2.601-1.102c.868.867 1.829 1.64 2.813 2.32l-.586 2.813c-.117.61.094 1.172.61 1.453c.585.328 1.148.234 1.593-.187l2.086-1.899c1.125.492 2.273.938 3.445 1.242l.399 2.836c.093.633.492 1.055 1.078 1.172c.656.094 1.172-.187 1.43-.703l1.335-2.578c.633.047 1.22.117 1.852.117M33.883 26.5c-1.102-2.953-3.258-4.57-5.953-4.57c-.399 0-.867.047-1.617.21l-6.727-11.484C22.094 9.414 24.953 8.734 28 8.734c10.219 0 18.234 7.758 18.961 17.766ZM8.969 28c0-6.516 3.07-12.258 7.922-15.726l6.773 11.554c-1.266 1.313-1.851 2.742-1.851 4.266c0 1.476.562 2.836 1.851 4.195l-6.937 11.344C11.992 40.14 8.969 34.469 8.969 28m16.148.07c0-1.593 1.36-2.836 2.86-2.836c1.593 0 2.906 1.243 2.906 2.836c0 1.57-1.313 2.86-2.906 2.86c-1.5 0-2.86-1.29-2.86-2.86M28 47.266c-3.117 0-6.023-.727-8.578-1.992L26.312 34c.727.188 1.22.234 1.618.234c2.718 0 4.875-1.664 5.953-4.687H46.96c-.75 9.96-8.766 17.719-18.961 17.719"/></svg> </template>
CSS
.icon-gear {
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%22M28%2050.828c.61%200%201.172-.07%201.805-.117l1.36%202.578c.257.516.773.797%201.405.703c.586-.117%201.008-.539%201.078-1.172l.422-2.836c1.149-.304%202.297-.75%203.422-1.242l2.11%201.899c.445.422%201.007.515%201.593.187c.516-.281.727-.844.61-1.453l-.586-2.812a21.5%2021.5%200%200%200%202.789-2.32l2.625%201.1c.586.235%201.125.118%201.57-.421c.399-.422.445-1.031.117-1.547l-1.523-2.437c.703-.985%201.266-2.04%201.805-3.165l2.86.141c.608.023%201.124-.305%201.335-.89c.187-.587%200-1.149-.492-1.524l-2.227-1.781c.305-1.125.54-2.344.633-3.61l2.719-.843c.586-.211.96-.657.96-1.29c0-.609-.374-1.054-.96-1.265l-2.72-.867c-.093-1.266-.327-2.438-.632-3.586l2.226-1.805c.493-.351.68-.89.493-1.476c-.211-.586-.727-.915-1.336-.891l-2.86.117c-.538-1.125-1.1-2.18-1.804-3.164l1.524-2.437c.327-.493.28-1.102-.118-1.524c-.445-.539-.984-.68-1.57-.422l-2.625%201.055a26%2026%200%200%200-2.79-2.297l.587-2.789c.117-.633-.094-1.195-.61-1.477c-.586-.304-1.148-.257-1.593.211l-2.11%201.852a27%2027%200%200%200-3.422-1.219l-.422-2.836c-.07-.61-.492-1.054-1.078-1.148c-.633-.094-1.148.164-1.406.68l-1.36%202.578c-.632-.047-1.195-.094-1.804-.094c-.633%200-1.195.047-1.852.094l-1.335-2.578c-.258-.516-.774-.774-1.43-.68c-.586.094-.985.539-1.078%201.148l-.399%202.813a28%2028%200%200%200-3.422%201.242l-2.109-1.852c-.469-.468-1.031-.515-1.594-.21c-.515.28-.726.843-.61%201.476l.587%202.79a24%2024%200%200%200-2.813%202.296l-2.601-1.055c-.586-.258-1.149-.117-1.594.422a1.235%201.235%200%200%200-.117%201.5L9.18%2015.04c-.703.984-1.266%202.04-1.805%203.164l-2.883-.117c-.61-.023-1.125.305-1.312.89c-.188.587-.024%201.126.468%201.477l2.25%201.805c-.304%201.148-.562%202.32-.632%203.586l-2.72.867c-.608.187-.937.633-.937%201.266c0%20.632.329%201.078.938%201.289l2.719.867c.07%201.242.328%202.46.633%203.586l-2.25%201.78c-.493.375-.657.938-.47%201.523c.188.586.704.914%201.313.891l2.883-.14c.54%201.124%201.102%202.18%201.781%203.163l-1.5%202.438c-.351.516-.304%201.125.094%201.547c.445.539%201.008.656%201.594.422l2.601-1.102c.868.867%201.829%201.64%202.813%202.32l-.586%202.813c-.117.61.094%201.172.61%201.453c.585.328%201.148.234%201.593-.187l2.086-1.899c1.125.492%202.273.938%203.445%201.242l.399%202.836c.093.633.492%201.055%201.078%201.172c.656.094%201.172-.187%201.43-.703l1.335-2.578c.633.047%201.22.117%201.852.117M33.883%2026.5c-1.102-2.953-3.258-4.57-5.953-4.57c-.399%200-.867.047-1.617.21l-6.727-11.484C22.094%209.414%2024.953%208.734%2028%208.734c10.219%200%2018.234%207.758%2018.961%2017.766ZM8.969%2028c0-6.516%203.07-12.258%207.922-15.726l6.773%2011.554c-1.266%201.313-1.851%202.742-1.851%204.266c0%201.476.562%202.836%201.851%204.195l-6.937%2011.344C11.992%2040.14%208.969%2034.469%208.969%2028m16.148.07c0-1.593%201.36-2.836%202.86-2.836c1.593%200%202.906%201.243%202.906%202.836c0%201.57-1.313%202.86-2.906%202.86c-1.5%200-2.86-1.29-2.86-2.86M28%2047.266c-3.117%200-6.023-.727-8.578-1.992L26.312%2034c.727.188%201.22.234%201.618.234c2.718%200%204.875-1.664%205.953-4.687H46.96c-.75%209.96-8.766%2017.719-18.961%2017.719%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%22M28%2050.828c.61%200%201.172-.07%201.805-.117l1.36%202.578c.257.516.773.797%201.405.703c.586-.117%201.008-.539%201.078-1.172l.422-2.836c1.149-.304%202.297-.75%203.422-1.242l2.11%201.899c.445.422%201.007.515%201.593.187c.516-.281.727-.844.61-1.453l-.586-2.812a21.5%2021.5%200%200%200%202.789-2.32l2.625%201.1c.586.235%201.125.118%201.57-.421c.399-.422.445-1.031.117-1.547l-1.523-2.437c.703-.985%201.266-2.04%201.805-3.165l2.86.141c.608.023%201.124-.305%201.335-.89c.187-.587%200-1.149-.492-1.524l-2.227-1.781c.305-1.125.54-2.344.633-3.61l2.719-.843c.586-.211.96-.657.96-1.29c0-.609-.374-1.054-.96-1.265l-2.72-.867c-.093-1.266-.327-2.438-.632-3.586l2.226-1.805c.493-.351.68-.89.493-1.476c-.211-.586-.727-.915-1.336-.891l-2.86.117c-.538-1.125-1.1-2.18-1.804-3.164l1.524-2.437c.327-.493.28-1.102-.118-1.524c-.445-.539-.984-.68-1.57-.422l-2.625%201.055a26%2026%200%200%200-2.79-2.297l.587-2.789c.117-.633-.094-1.195-.61-1.477c-.586-.304-1.148-.257-1.593.211l-2.11%201.852a27%2027%200%200%200-3.422-1.219l-.422-2.836c-.07-.61-.492-1.054-1.078-1.148c-.633-.094-1.148.164-1.406.68l-1.36%202.578c-.632-.047-1.195-.094-1.804-.094c-.633%200-1.195.047-1.852.094l-1.335-2.578c-.258-.516-.774-.774-1.43-.68c-.586.094-.985.539-1.078%201.148l-.399%202.813a28%2028%200%200%200-3.422%201.242l-2.109-1.852c-.469-.468-1.031-.515-1.594-.21c-.515.28-.726.843-.61%201.476l.587%202.79a24%2024%200%200%200-2.813%202.296l-2.601-1.055c-.586-.258-1.149-.117-1.594.422a1.235%201.235%200%200%200-.117%201.5L9.18%2015.04c-.703.984-1.266%202.04-1.805%203.164l-2.883-.117c-.61-.023-1.125.305-1.312.89c-.188.587-.024%201.126.468%201.477l2.25%201.805c-.304%201.148-.562%202.32-.632%203.586l-2.72.867c-.608.187-.937.633-.937%201.266c0%20.632.329%201.078.938%201.289l2.719.867c.07%201.242.328%202.46.633%203.586l-2.25%201.78c-.493.375-.657.938-.47%201.523c.188.586.704.914%201.313.891l2.883-.14c.54%201.124%201.102%202.18%201.781%203.163l-1.5%202.438c-.351.516-.304%201.125.094%201.547c.445.539%201.008.656%201.594.422l2.601-1.102c.868.867%201.829%201.64%202.813%202.32l-.586%202.813c-.117.61.094%201.172.61%201.453c.585.328%201.148.234%201.593-.187l2.086-1.899c1.125.492%202.273.938%203.445%201.242l.399%202.836c.093.633.492%201.055%201.078%201.172c.656.094%201.172-.187%201.43-.703l1.335-2.578c.633.047%201.22.117%201.852.117M33.883%2026.5c-1.102-2.953-3.258-4.57-5.953-4.57c-.399%200-.867.047-1.617.21l-6.727-11.484C22.094%209.414%2024.953%208.734%2028%208.734c10.219%200%2018.234%207.758%2018.961%2017.766ZM8.969%2028c0-6.516%203.07-12.258%207.922-15.726l6.773%2011.554c-1.266%201.313-1.851%202.742-1.851%204.266c0%201.476.562%202.836%201.851%204.195l-6.937%2011.344C11.992%2040.14%208.969%2034.469%208.969%2028m16.148.07c0-1.593%201.36-2.836%202.86-2.836c1.593%200%202.906%201.243%202.906%202.836c0%201.57-1.313%202.86-2.906%202.86c-1.5%200-2.86-1.29-2.86-2.86M28%2047.266c-3.117%200-6.023-.727-8.578-1.992L26.312%2034c.727.188%201.22.234%201.618.234c2.718%200%204.875-1.664%205.953-4.687H46.96c-.75%209.96-8.766%2017.719-18.961%2017.719%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/gear.svg?color=%231a73e8&size=48
