settings icon

settings-outline from Eva Icons by Akveo · Outline · MIT Free for personal and commercial use.

Name: settings-outline
Set: Eva Icons
Style: Outline
Viewbox: 24×24
License: MIT

1 other variant in Eva Icons

The same icon in other sets

settingsCarbon settingsCodicons settingsFeather Icons settings-16-filledFluent UI System Icons settings-16Fluent UI System Color Icons settingsIconoir settingsIonIcons settingsLucide settingsMage Icons settingsMaterial Icon Theme settingsMaterial Symbols settingsMaterial Symbols Light settingsOcticons settings-fillRemix Icon settings-boldSolar settingsTabler Icons

Related icons in Eva Icons

settings-2-fill

Use the settings icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.61 22a2.25 2.25 0 0 1-1.35-.46L5.19 20a2.37 2.37 0 0 1-.49-3.22a2.06 2.06 0 0 0 .23-1.86l-.06-.16a1.83 1.83 0 0 0-1.12-1.22h-.16a2.34 2.34 0 0 1-1.48-2.94L2.93 8a2.18 2.18 0 0 1 1.12-1.41a2.14 2.14 0 0 1 1.68-.12a1.93 1.93 0 0 0 1.78-.29l.13-.1a1.94 1.94 0 0 0 .73-1.51v-.24A2.32 2.32 0 0 1 10.66 2h2.55a2.26 2.26 0 0 1 1.6.67a2.37 2.37 0 0 1 .68 1.68v.28a1.76 1.76 0 0 0 .69 1.43l.11.08a1.74 1.74 0 0 0 1.59.26l.34-.11A2.26 2.26 0 0 1 21.1 7.8l.79 2.52a2.36 2.36 0 0 1-1.46 2.93l-.2.07A1.89 1.89 0 0 0 19 14.6a2 2 0 0 0 .25 1.65l.26.38a2.38 2.38 0 0 1-.5 3.23L17 21.41a2.24 2.24 0 0 1-3.22-.53l-.12-.17a1.75 1.75 0 0 0-1.5-.78a1.8 1.8 0 0 0-1.43.77l-.23.33A2.25 2.25 0 0 1 9 22a2 2 0 0 1-.39 0M4.4 11.62a3.83 3.83 0 0 1 2.38 2.5v.12a4 4 0 0 1-.46 3.62a.38.38 0 0 0 0 .51L8.47 20a.25.25 0 0 0 .37-.07l.23-.33a3.77 3.77 0 0 1 6.2 0l.12.18a.3.3 0 0 0 .18.12a.25.25 0 0 0 .19-.05l2.06-1.56a.36.36 0 0 0 .07-.49l-.26-.38A4 4 0 0 1 17.1 14a3.92 3.92 0 0 1 2.49-2.61l.2-.07a.34.34 0 0 0 .19-.44l-.78-2.49a.35.35 0 0 0-.2-.19a.21.21 0 0 0-.19 0l-.34.11a3.74 3.74 0 0 1-3.43-.57L15 7.65a3.76 3.76 0 0 1-1.49-3v-.31a.37.37 0 0 0-.1-.26a.3.3 0 0 0-.21-.08h-2.54a.31.31 0 0 0-.29.33v.25a3.9 3.9 0 0 1-1.52 3.09l-.13.1a3.91 3.91 0 0 1-3.63.59a.22.22 0 0 0-.14 0a.28.28 0 0 0-.12.15L4 11.12a.36.36 0 0 0 .22.45Z"/><path fill="currentColor" d="M12 15.5a3.5 3.5 0 1 1 3.5-3.5a3.5 3.5 0 0 1-3.5 3.5m0-5a1.5 1.5 0 1 0 1.5 1.5a1.5 1.5 0 0 0-1.5-1.5"/></svg>

React

import type { SVGProps } from "react";

export function EvaSettingsOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.61 22a2.25 2.25 0 0 1-1.35-.46L5.19 20a2.37 2.37 0 0 1-.49-3.22a2.06 2.06 0 0 0 .23-1.86l-.06-.16a1.83 1.83 0 0 0-1.12-1.22h-.16a2.34 2.34 0 0 1-1.48-2.94L2.93 8a2.18 2.18 0 0 1 1.12-1.41a2.14 2.14 0 0 1 1.68-.12a1.93 1.93 0 0 0 1.78-.29l.13-.1a1.94 1.94 0 0 0 .73-1.51v-.24A2.32 2.32 0 0 1 10.66 2h2.55a2.26 2.26 0 0 1 1.6.67a2.37 2.37 0 0 1 .68 1.68v.28a1.76 1.76 0 0 0 .69 1.43l.11.08a1.74 1.74 0 0 0 1.59.26l.34-.11A2.26 2.26 0 0 1 21.1 7.8l.79 2.52a2.36 2.36 0 0 1-1.46 2.93l-.2.07A1.89 1.89 0 0 0 19 14.6a2 2 0 0 0 .25 1.65l.26.38a2.38 2.38 0 0 1-.5 3.23L17 21.41a2.24 2.24 0 0 1-3.22-.53l-.12-.17a1.75 1.75 0 0 0-1.5-.78a1.8 1.8 0 0 0-1.43.77l-.23.33A2.25 2.25 0 0 1 9 22a2 2 0 0 1-.39 0M4.4 11.62a3.83 3.83 0 0 1 2.38 2.5v.12a4 4 0 0 1-.46 3.62a.38.38 0 0 0 0 .51L8.47 20a.25.25 0 0 0 .37-.07l.23-.33a3.77 3.77 0 0 1 6.2 0l.12.18a.3.3 0 0 0 .18.12a.25.25 0 0 0 .19-.05l2.06-1.56a.36.36 0 0 0 .07-.49l-.26-.38A4 4 0 0 1 17.1 14a3.92 3.92 0 0 1 2.49-2.61l.2-.07a.34.34 0 0 0 .19-.44l-.78-2.49a.35.35 0 0 0-.2-.19a.21.21 0 0 0-.19 0l-.34.11a3.74 3.74 0 0 1-3.43-.57L15 7.65a3.76 3.76 0 0 1-1.49-3v-.31a.37.37 0 0 0-.1-.26a.3.3 0 0 0-.21-.08h-2.54a.31.31 0 0 0-.29.33v.25a3.9 3.9 0 0 1-1.52 3.09l-.13.1a3.91 3.91 0 0 1-3.63.59a.22.22 0 0 0-.14 0a.28.28 0 0 0-.12.15L4 11.12a.36.36 0 0 0 .22.45Z"/><path fill="currentColor" d="M12 15.5a3.5 3.5 0 1 1 3.5-3.5a3.5 3.5 0 0 1-3.5 3.5m0-5a1.5 1.5 0 1 0 1.5 1.5a1.5 1.5 0 0 0-1.5-1.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.61 22a2.25 2.25 0 0 1-1.35-.46L5.19 20a2.37 2.37 0 0 1-.49-3.22a2.06 2.06 0 0 0 .23-1.86l-.06-.16a1.83 1.83 0 0 0-1.12-1.22h-.16a2.34 2.34 0 0 1-1.48-2.94L2.93 8a2.18 2.18 0 0 1 1.12-1.41a2.14 2.14 0 0 1 1.68-.12a1.93 1.93 0 0 0 1.78-.29l.13-.1a1.94 1.94 0 0 0 .73-1.51v-.24A2.32 2.32 0 0 1 10.66 2h2.55a2.26 2.26 0 0 1 1.6.67a2.37 2.37 0 0 1 .68 1.68v.28a1.76 1.76 0 0 0 .69 1.43l.11.08a1.74 1.74 0 0 0 1.59.26l.34-.11A2.26 2.26 0 0 1 21.1 7.8l.79 2.52a2.36 2.36 0 0 1-1.46 2.93l-.2.07A1.89 1.89 0 0 0 19 14.6a2 2 0 0 0 .25 1.65l.26.38a2.38 2.38 0 0 1-.5 3.23L17 21.41a2.24 2.24 0 0 1-3.22-.53l-.12-.17a1.75 1.75 0 0 0-1.5-.78a1.8 1.8 0 0 0-1.43.77l-.23.33A2.25 2.25 0 0 1 9 22a2 2 0 0 1-.39 0M4.4 11.62a3.83 3.83 0 0 1 2.38 2.5v.12a4 4 0 0 1-.46 3.62a.38.38 0 0 0 0 .51L8.47 20a.25.25 0 0 0 .37-.07l.23-.33a3.77 3.77 0 0 1 6.2 0l.12.18a.3.3 0 0 0 .18.12a.25.25 0 0 0 .19-.05l2.06-1.56a.36.36 0 0 0 .07-.49l-.26-.38A4 4 0 0 1 17.1 14a3.92 3.92 0 0 1 2.49-2.61l.2-.07a.34.34 0 0 0 .19-.44l-.78-2.49a.35.35 0 0 0-.2-.19a.21.21 0 0 0-.19 0l-.34.11a3.74 3.74 0 0 1-3.43-.57L15 7.65a3.76 3.76 0 0 1-1.49-3v-.31a.37.37 0 0 0-.1-.26a.3.3 0 0 0-.21-.08h-2.54a.31.31 0 0 0-.29.33v.25a3.9 3.9 0 0 1-1.52 3.09l-.13.1a3.91 3.91 0 0 1-3.63.59a.22.22 0 0 0-.14 0a.28.28 0 0 0-.12.15L4 11.12a.36.36 0 0 0 .22.45Z"/><path fill="currentColor" d="M12 15.5a3.5 3.5 0 1 1 3.5-3.5a3.5 3.5 0 0 1-3.5 3.5m0-5a1.5 1.5 0 1 0 1.5 1.5a1.5 1.5 0 0 0-1.5-1.5"/></svg>
</template>

CSS

.icon-settings-outline {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.61%2022a2.25%202.25%200%200%201-1.35-.46L5.19%2020a2.37%202.37%200%200%201-.49-3.22a2.06%202.06%200%200%200%20.23-1.86l-.06-.16a1.83%201.83%200%200%200-1.12-1.22h-.16a2.34%202.34%200%200%201-1.48-2.94L2.93%208a2.18%202.18%200%200%201%201.12-1.41a2.14%202.14%200%200%201%201.68-.12a1.93%201.93%200%200%200%201.78-.29l.13-.1a1.94%201.94%200%200%200%20.73-1.51v-.24A2.32%202.32%200%200%201%2010.66%202h2.55a2.26%202.26%200%200%201%201.6.67a2.37%202.37%200%200%201%20.68%201.68v.28a1.76%201.76%200%200%200%20.69%201.43l.11.08a1.74%201.74%200%200%200%201.59.26l.34-.11A2.26%202.26%200%200%201%2021.1%207.8l.79%202.52a2.36%202.36%200%200%201-1.46%202.93l-.2.07A1.89%201.89%200%200%200%2019%2014.6a2%202%200%200%200%20.25%201.65l.26.38a2.38%202.38%200%200%201-.5%203.23L17%2021.41a2.24%202.24%200%200%201-3.22-.53l-.12-.17a1.75%201.75%200%200%200-1.5-.78a1.8%201.8%200%200%200-1.43.77l-.23.33A2.25%202.25%200%200%201%209%2022a2%202%200%200%201-.39%200M4.4%2011.62a3.83%203.83%200%200%201%202.38%202.5v.12a4%204%200%200%201-.46%203.62a.38.38%200%200%200%200%20.51L8.47%2020a.25.25%200%200%200%20.37-.07l.23-.33a3.77%203.77%200%200%201%206.2%200l.12.18a.3.3%200%200%200%20.18.12a.25.25%200%200%200%20.19-.05l2.06-1.56a.36.36%200%200%200%20.07-.49l-.26-.38A4%204%200%200%201%2017.1%2014a3.92%203.92%200%200%201%202.49-2.61l.2-.07a.34.34%200%200%200%20.19-.44l-.78-2.49a.35.35%200%200%200-.2-.19a.21.21%200%200%200-.19%200l-.34.11a3.74%203.74%200%200%201-3.43-.57L15%207.65a3.76%203.76%200%200%201-1.49-3v-.31a.37.37%200%200%200-.1-.26a.3.3%200%200%200-.21-.08h-2.54a.31.31%200%200%200-.29.33v.25a3.9%203.9%200%200%201-1.52%203.09l-.13.1a3.91%203.91%200%200%201-3.63.59a.22.22%200%200%200-.14%200a.28.28%200%200%200-.12.15L4%2011.12a.36.36%200%200%200%20.22.45Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2015.5a3.5%203.5%200%201%201%203.5-3.5a3.5%203.5%200%200%201-3.5%203.5m0-5a1.5%201.5%200%201%200%201.5%201.5a1.5%201.5%200%200%200-1.5-1.5%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.61%2022a2.25%202.25%200%200%201-1.35-.46L5.19%2020a2.37%202.37%200%200%201-.49-3.22a2.06%202.06%200%200%200%20.23-1.86l-.06-.16a1.83%201.83%200%200%200-1.12-1.22h-.16a2.34%202.34%200%200%201-1.48-2.94L2.93%208a2.18%202.18%200%200%201%201.12-1.41a2.14%202.14%200%200%201%201.68-.12a1.93%201.93%200%200%200%201.78-.29l.13-.1a1.94%201.94%200%200%200%20.73-1.51v-.24A2.32%202.32%200%200%201%2010.66%202h2.55a2.26%202.26%200%200%201%201.6.67a2.37%202.37%200%200%201%20.68%201.68v.28a1.76%201.76%200%200%200%20.69%201.43l.11.08a1.74%201.74%200%200%200%201.59.26l.34-.11A2.26%202.26%200%200%201%2021.1%207.8l.79%202.52a2.36%202.36%200%200%201-1.46%202.93l-.2.07A1.89%201.89%200%200%200%2019%2014.6a2%202%200%200%200%20.25%201.65l.26.38a2.38%202.38%200%200%201-.5%203.23L17%2021.41a2.24%202.24%200%200%201-3.22-.53l-.12-.17a1.75%201.75%200%200%200-1.5-.78a1.8%201.8%200%200%200-1.43.77l-.23.33A2.25%202.25%200%200%201%209%2022a2%202%200%200%201-.39%200M4.4%2011.62a3.83%203.83%200%200%201%202.38%202.5v.12a4%204%200%200%201-.46%203.62a.38.38%200%200%200%200%20.51L8.47%2020a.25.25%200%200%200%20.37-.07l.23-.33a3.77%203.77%200%200%201%206.2%200l.12.18a.3.3%200%200%200%20.18.12a.25.25%200%200%200%20.19-.05l2.06-1.56a.36.36%200%200%200%20.07-.49l-.26-.38A4%204%200%200%201%2017.1%2014a3.92%203.92%200%200%201%202.49-2.61l.2-.07a.34.34%200%200%200%20.19-.44l-.78-2.49a.35.35%200%200%200-.2-.19a.21.21%200%200%200-.19%200l-.34.11a3.74%203.74%200%200%201-3.43-.57L15%207.65a3.76%203.76%200%200%201-1.49-3v-.31a.37.37%200%200%200-.1-.26a.3.3%200%200%200-.21-.08h-2.54a.31.31%200%200%200-.29.33v.25a3.9%203.9%200%200%201-1.52%203.09l-.13.1a3.91%203.91%200%200%201-3.63.59a.22.22%200%200%200-.14%200a.28.28%200%200%200-.12.15L4%2011.12a.36.36%200%200%200%20.22.45Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2015.5a3.5%203.5%200%201%201%203.5-3.5a3.5%203.5%200%200%201-3.5%203.5m0-5a1.5%201.5%200%201%200%201.5%201.5a1.5%201.5%200%200%200-1.5-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eva/settings-outline.svg?color=%231a73e8&size=48