setting icon

setting from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name: setting
Set: Element Plus
Style: Outline
Viewbox: 1024×1024
License: MIT

The same icon in other sets

setting-filledAnt Design Icons settingIconPark settingIconPark Outline settingIconPark Solid settingIconPark TwoTone settingTDesign Icons settingUnicons setting-outlinedWeUI Icon

Use the setting icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M600.7 64a32 32 0 0 1 30.5 22.2l35.2 109.4a348 348 0 0 1 42.4 24.5l112.4-24.2a32 32 0 0 1 34.4 15.4l88.7 153.5a32 32 0 0 1-4 37.5l-77.1 85.1a357 357 0 0 1 0 49l77 85.3a32 32 0 0 1 4.1 37.5l-88.7 153.6a32 32 0 0 1-34.4 15.3l-112.4-24.2q-20.2 13.6-42.4 24.5l-35.2 109.4a32 32 0 0 1-30.5 22.2H423.3a32 32 0 0 1-30.5-22.2l-35.1-109.3a352 352 0 0 1-42.6-24.7l-112.3 24.3a32 32 0 0 1-34.4-15.4L79.7 659.2a32 32 0 0 1 4-37.5l77.1-85.3a357 357 0 0 1 0-48.8l-77-85.3a32 32 0 0 1-4.1-37.5l88.7-153.6a32 32 0 0 1 34.4-15.3l112.3 24.3a355 355 0 0 1 42.6-24.7l35.2-109.3A32 32 0 0 1 423.2 64zm-23.4 64H446.7l-36.3 113l-24.5 12a294 294 0 0 0-34.9 20.2l-22.6 15.3l-116.2-25l-65.3 113l79.7 88.3l-2 27.1a293 293 0 0 0 0 40.2l2 27.1l-79.8 88.2L212 760.6l116.2-25l22.7 15.2a294 294 0 0 0 34.8 20.1l24.5 12L446.7 896h130.7L614 782.8l24.4-11.9a288 288 0 0 0 34.8-20l22.6-15.3l116.3 25l65.2-113.2l-79.7-88.2l2-27.1a293 293 0 0 0 0-40.3l-2-27.1l79.8-88.1L812 263.4l-116.3 25l-22.6-15.2a288 288 0 0 0-34.8-20.1L614 241zM512 320a192 192 0 1 1 0 384a192 192 0 0 1 0-384m0 64a128 128 0 1 0 0 256a128 128 0 0 0 0-256"/></svg>

React

import type { SVGProps } from "react";

export function EpSetting(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M600.7 64a32 32 0 0 1 30.5 22.2l35.2 109.4a348 348 0 0 1 42.4 24.5l112.4-24.2a32 32 0 0 1 34.4 15.4l88.7 153.5a32 32 0 0 1-4 37.5l-77.1 85.1a357 357 0 0 1 0 49l77 85.3a32 32 0 0 1 4.1 37.5l-88.7 153.6a32 32 0 0 1-34.4 15.3l-112.4-24.2q-20.2 13.6-42.4 24.5l-35.2 109.4a32 32 0 0 1-30.5 22.2H423.3a32 32 0 0 1-30.5-22.2l-35.1-109.3a352 352 0 0 1-42.6-24.7l-112.3 24.3a32 32 0 0 1-34.4-15.4L79.7 659.2a32 32 0 0 1 4-37.5l77.1-85.3a357 357 0 0 1 0-48.8l-77-85.3a32 32 0 0 1-4.1-37.5l88.7-153.6a32 32 0 0 1 34.4-15.3l112.3 24.3a355 355 0 0 1 42.6-24.7l35.2-109.3A32 32 0 0 1 423.2 64zm-23.4 64H446.7l-36.3 113l-24.5 12a294 294 0 0 0-34.9 20.2l-22.6 15.3l-116.2-25l-65.3 113l79.7 88.3l-2 27.1a293 293 0 0 0 0 40.2l2 27.1l-79.8 88.2L212 760.6l116.2-25l22.7 15.2a294 294 0 0 0 34.8 20.1l24.5 12L446.7 896h130.7L614 782.8l24.4-11.9a288 288 0 0 0 34.8-20l22.6-15.3l116.3 25l65.2-113.2l-79.7-88.2l2-27.1a293 293 0 0 0 0-40.3l-2-27.1l79.8-88.1L812 263.4l-116.3 25l-22.6-15.2a288 288 0 0 0-34.8-20.1L614 241zM512 320a192 192 0 1 1 0 384a192 192 0 0 1 0-384m0 64a128 128 0 1 0 0 256a128 128 0 0 0 0-256"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M600.7 64a32 32 0 0 1 30.5 22.2l35.2 109.4a348 348 0 0 1 42.4 24.5l112.4-24.2a32 32 0 0 1 34.4 15.4l88.7 153.5a32 32 0 0 1-4 37.5l-77.1 85.1a357 357 0 0 1 0 49l77 85.3a32 32 0 0 1 4.1 37.5l-88.7 153.6a32 32 0 0 1-34.4 15.3l-112.4-24.2q-20.2 13.6-42.4 24.5l-35.2 109.4a32 32 0 0 1-30.5 22.2H423.3a32 32 0 0 1-30.5-22.2l-35.1-109.3a352 352 0 0 1-42.6-24.7l-112.3 24.3a32 32 0 0 1-34.4-15.4L79.7 659.2a32 32 0 0 1 4-37.5l77.1-85.3a357 357 0 0 1 0-48.8l-77-85.3a32 32 0 0 1-4.1-37.5l88.7-153.6a32 32 0 0 1 34.4-15.3l112.3 24.3a355 355 0 0 1 42.6-24.7l35.2-109.3A32 32 0 0 1 423.2 64zm-23.4 64H446.7l-36.3 113l-24.5 12a294 294 0 0 0-34.9 20.2l-22.6 15.3l-116.2-25l-65.3 113l79.7 88.3l-2 27.1a293 293 0 0 0 0 40.2l2 27.1l-79.8 88.2L212 760.6l116.2-25l22.7 15.2a294 294 0 0 0 34.8 20.1l24.5 12L446.7 896h130.7L614 782.8l24.4-11.9a288 288 0 0 0 34.8-20l22.6-15.3l116.3 25l65.2-113.2l-79.7-88.2l2-27.1a293 293 0 0 0 0-40.3l-2-27.1l79.8-88.1L812 263.4l-116.3 25l-22.6-15.2a288 288 0 0 0-34.8-20.1L614 241zM512 320a192 192 0 1 1 0 384a192 192 0 0 1 0-384m0 64a128 128 0 1 0 0 256a128 128 0 0 0 0-256"/></svg>
</template>

CSS

.icon-setting {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M600.7%2064a32%2032%200%200%201%2030.5%2022.2l35.2%20109.4a348%20348%200%200%201%2042.4%2024.5l112.4-24.2a32%2032%200%200%201%2034.4%2015.4l88.7%20153.5a32%2032%200%200%201-4%2037.5l-77.1%2085.1a357%20357%200%200%201%200%2049l77%2085.3a32%2032%200%200%201%204.1%2037.5l-88.7%20153.6a32%2032%200%200%201-34.4%2015.3l-112.4-24.2q-20.2%2013.6-42.4%2024.5l-35.2%20109.4a32%2032%200%200%201-30.5%2022.2H423.3a32%2032%200%200%201-30.5-22.2l-35.1-109.3a352%20352%200%200%201-42.6-24.7l-112.3%2024.3a32%2032%200%200%201-34.4-15.4L79.7%20659.2a32%2032%200%200%201%204-37.5l77.1-85.3a357%20357%200%200%201%200-48.8l-77-85.3a32%2032%200%200%201-4.1-37.5l88.7-153.6a32%2032%200%200%201%2034.4-15.3l112.3%2024.3a355%20355%200%200%201%2042.6-24.7l35.2-109.3A32%2032%200%200%201%20423.2%2064zm-23.4%2064H446.7l-36.3%20113l-24.5%2012a294%20294%200%200%200-34.9%2020.2l-22.6%2015.3l-116.2-25l-65.3%20113l79.7%2088.3l-2%2027.1a293%20293%200%200%200%200%2040.2l2%2027.1l-79.8%2088.2L212%20760.6l116.2-25l22.7%2015.2a294%20294%200%200%200%2034.8%2020.1l24.5%2012L446.7%20896h130.7L614%20782.8l24.4-11.9a288%20288%200%200%200%2034.8-20l22.6-15.3l116.3%2025l65.2-113.2l-79.7-88.2l2-27.1a293%20293%200%200%200%200-40.3l-2-27.1l79.8-88.1L812%20263.4l-116.3%2025l-22.6-15.2a288%20288%200%200%200-34.8-20.1L614%20241zM512%20320a192%20192%200%201%201%200%20384a192%20192%200%200%201%200-384m0%2064a128%20128%200%201%200%200%20256a128%20128%200%200%200%200-256%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M600.7%2064a32%2032%200%200%201%2030.5%2022.2l35.2%20109.4a348%20348%200%200%201%2042.4%2024.5l112.4-24.2a32%2032%200%200%201%2034.4%2015.4l88.7%20153.5a32%2032%200%200%201-4%2037.5l-77.1%2085.1a357%20357%200%200%201%200%2049l77%2085.3a32%2032%200%200%201%204.1%2037.5l-88.7%20153.6a32%2032%200%200%201-34.4%2015.3l-112.4-24.2q-20.2%2013.6-42.4%2024.5l-35.2%20109.4a32%2032%200%200%201-30.5%2022.2H423.3a32%2032%200%200%201-30.5-22.2l-35.1-109.3a352%20352%200%200%201-42.6-24.7l-112.3%2024.3a32%2032%200%200%201-34.4-15.4L79.7%20659.2a32%2032%200%200%201%204-37.5l77.1-85.3a357%20357%200%200%201%200-48.8l-77-85.3a32%2032%200%200%201-4.1-37.5l88.7-153.6a32%2032%200%200%201%2034.4-15.3l112.3%2024.3a355%20355%200%200%201%2042.6-24.7l35.2-109.3A32%2032%200%200%201%20423.2%2064zm-23.4%2064H446.7l-36.3%20113l-24.5%2012a294%20294%200%200%200-34.9%2020.2l-22.6%2015.3l-116.2-25l-65.3%20113l79.7%2088.3l-2%2027.1a293%20293%200%200%200%200%2040.2l2%2027.1l-79.8%2088.2L212%20760.6l116.2-25l22.7%2015.2a294%20294%200%200%200%2034.8%2020.1l24.5%2012L446.7%20896h130.7L614%20782.8l24.4-11.9a288%20288%200%200%200%2034.8-20l22.6-15.3l116.3%2025l65.2-113.2l-79.7-88.2l2-27.1a293%20293%200%200%200%200-40.3l-2-27.1l79.8-88.1L812%20263.4l-116.3%2025l-22.6-15.2a288%20288%200%200%200-34.8-20.1L614%20241zM512%20320a192%20192%200%201%201%200%20384a192%20192%200%200%201%200-384m0%2064a128%20128%200%201%200%200%20256a128%20128%200%200%200%200-256%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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