setting icon

setting-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: setting-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: setting, setting-outline

2 other variants in Ant Design Icons

The same icon in other sets

settingElement Plus 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="m924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 0 0 9.3-35.2l-.9-2.6a443.7 443.7 0 0 0-79.7-137.9l-1.8-2.1a32.12 32.12 0 0 0-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 0 0-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 0 0-25.8 25.7l-15.8 85.4a351.9 351.9 0 0 0-99 57.4l-81.9-29.1a32 32 0 0 0-35.1 9.5l-1.8 2.1a446 446 0 0 0-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1c0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 0 0-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0 0 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0 0 25.8 25.7l2.7.5a449.4 449.4 0 0 0 159 0l2.7-.5a32.05 32.05 0 0 0 25.8-25.7l15.7-85a350 350 0 0 0 99.7-57.6l81.3 28.9a32 32 0 0 0 35.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35M788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1l74.7 63.9a370 370 0 0 1-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3l-17.9 97a377.5 377.5 0 0 1-85 0l-17.9-97.2l-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9l-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5l-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5c0-15.3 1.2-30.6 3.7-45.5l6.5-40l-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2l31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3l17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97l38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8l92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176s176-78.8 176-176s-78.8-176-176-176m79.2 255.2A111.6 111.6 0 0 1 512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390s58 11.6 79.2 32.8A111.6 111.6 0 0 1 624 502c0 29.9-11.7 58-32.8 79.2"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignSettingOutlined(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="m924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 0 0 9.3-35.2l-.9-2.6a443.7 443.7 0 0 0-79.7-137.9l-1.8-2.1a32.12 32.12 0 0 0-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 0 0-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 0 0-25.8 25.7l-15.8 85.4a351.9 351.9 0 0 0-99 57.4l-81.9-29.1a32 32 0 0 0-35.1 9.5l-1.8 2.1a446 446 0 0 0-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1c0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 0 0-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0 0 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0 0 25.8 25.7l2.7.5a449.4 449.4 0 0 0 159 0l2.7-.5a32.05 32.05 0 0 0 25.8-25.7l15.7-85a350 350 0 0 0 99.7-57.6l81.3 28.9a32 32 0 0 0 35.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35M788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1l74.7 63.9a370 370 0 0 1-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3l-17.9 97a377.5 377.5 0 0 1-85 0l-17.9-97.2l-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9l-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5l-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5c0-15.3 1.2-30.6 3.7-45.5l6.5-40l-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2l31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3l17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97l38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8l92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176s176-78.8 176-176s-78.8-176-176-176m79.2 255.2A111.6 111.6 0 0 1 512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390s58 11.6 79.2 32.8A111.6 111.6 0 0 1 624 502c0 29.9-11.7 58-32.8 79.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 0 0 9.3-35.2l-.9-2.6a443.7 443.7 0 0 0-79.7-137.9l-1.8-2.1a32.12 32.12 0 0 0-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 0 0-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 0 0-25.8 25.7l-15.8 85.4a351.9 351.9 0 0 0-99 57.4l-81.9-29.1a32 32 0 0 0-35.1 9.5l-1.8 2.1a446 446 0 0 0-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1c0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 0 0-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0 0 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0 0 25.8 25.7l2.7.5a449.4 449.4 0 0 0 159 0l2.7-.5a32.05 32.05 0 0 0 25.8-25.7l15.7-85a350 350 0 0 0 99.7-57.6l81.3 28.9a32 32 0 0 0 35.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35M788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1l74.7 63.9a370 370 0 0 1-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3l-17.9 97a377.5 377.5 0 0 1-85 0l-17.9-97.2l-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9l-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5l-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5c0-15.3 1.2-30.6 3.7-45.5l6.5-40l-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2l31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3l17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97l38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8l92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176s176-78.8 176-176s-78.8-176-176-176m79.2 255.2A111.6 111.6 0 0 1 512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390s58 11.6 79.2 32.8A111.6 111.6 0 0 1 624 502c0 29.9-11.7 58-32.8 79.2"/></svg>
</template>

CSS

.icon-setting-outlined {
  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%22m924.8%20625.7l-65.5-56c3.1-19%204.7-38.4%204.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03%2032.03%200%200%200%209.3-35.2l-.9-2.6a443.7%20443.7%200%200%200-79.7-137.9l-1.8-2.1a32.12%2032.12%200%200%200-35.1-9.5l-81.3%2028.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05%2032.05%200%200%200-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159%200l-2.7.5a32.05%2032.05%200%200%200-25.8%2025.7l-15.8%2085.4a351.9%20351.9%200%200%200-99%2057.4l-81.9-29.1a32%2032%200%200%200-35.1%209.5l-1.8%202.1a446%20446%200%200%200-79.7%20137.9l-.9%202.6c-4.5%2012.5-.8%2026.5%209.3%2035.2l66.3%2056.6c-3.1%2018.8-4.6%2038-4.6%2057.1c0%2019.2%201.5%2038.4%204.6%2057.1L99%20625.5a32.03%2032.03%200%200%200-9.3%2035.2l.9%202.6c18.1%2050.4%2044.9%2096.9%2079.7%20137.9l1.8%202.1a32.12%2032.12%200%200%200%2035.1%209.5l81.9-29.1c29.8%2024.5%2063.1%2043.9%2099%2057.4l15.8%2085.4a32.05%2032.05%200%200%200%2025.8%2025.7l2.7.5a449.4%20449.4%200%200%200%20159%200l2.7-.5a32.05%2032.05%200%200%200%2025.8-25.7l15.7-85a350%20350%200%200%200%2099.7-57.6l81.3%2028.9a32%2032%200%200%200%2035.1-9.5l1.8-2.1c34.8-41.1%2061.6-87.5%2079.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35M788.3%20465.9c2.5%2015.1%203.8%2030.6%203.8%2046.1s-1.3%2031-3.8%2046.1l-6.6%2040.1l74.7%2063.9a370%20370%200%200%201-42.6%2073.6L721%20702.8l-31.4%2025.8c-23.9%2019.6-50.5%2035-79.3%2045.8l-38.1%2014.3l-17.9%2097a377.5%20377.5%200%200%201-85%200l-17.9-97.2l-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9l-93.4%2033.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5l-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5c0-15.3%201.2-30.6%203.7-45.5l6.5-40l-75.5-64.5c11.3-26.1%2025.6-50.7%2042.6-73.6l93.4%2033.2l31.4-25.9c23.7-19.5%2050.2-34.9%2078.7-45.7l37.9-14.3l17.9-97.2c28.1-3.2%2056.8-3.2%2085%200l17.9%2097l38.1%2014.3c28.7%2010.8%2055.4%2026.2%2079.3%2045.8l31.4%2025.8l92.8-32.9c17%2022.9%2031.2%2047.6%2042.6%2073.6L781.8%20426zM512%20326c-97.2%200-176%2078.8-176%20176s78.8%20176%20176%20176s176-78.8%20176-176s-78.8-176-176-176m79.2%20255.2A111.6%20111.6%200%200%201%20512%20614c-29.9%200-58-11.7-79.2-32.8A111.6%20111.6%200%200%201%20400%20502c0-29.9%2011.7-58%2032.8-79.2C454%20401.6%20482.1%20390%20512%20390s58%2011.6%2079.2%2032.8A111.6%20111.6%200%200%201%20624%20502c0%2029.9-11.7%2058-32.8%2079.2%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%22m924.8%20625.7l-65.5-56c3.1-19%204.7-38.4%204.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03%2032.03%200%200%200%209.3-35.2l-.9-2.6a443.7%20443.7%200%200%200-79.7-137.9l-1.8-2.1a32.12%2032.12%200%200%200-35.1-9.5l-81.3%2028.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05%2032.05%200%200%200-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159%200l-2.7.5a32.05%2032.05%200%200%200-25.8%2025.7l-15.8%2085.4a351.9%20351.9%200%200%200-99%2057.4l-81.9-29.1a32%2032%200%200%200-35.1%209.5l-1.8%202.1a446%20446%200%200%200-79.7%20137.9l-.9%202.6c-4.5%2012.5-.8%2026.5%209.3%2035.2l66.3%2056.6c-3.1%2018.8-4.6%2038-4.6%2057.1c0%2019.2%201.5%2038.4%204.6%2057.1L99%20625.5a32.03%2032.03%200%200%200-9.3%2035.2l.9%202.6c18.1%2050.4%2044.9%2096.9%2079.7%20137.9l1.8%202.1a32.12%2032.12%200%200%200%2035.1%209.5l81.9-29.1c29.8%2024.5%2063.1%2043.9%2099%2057.4l15.8%2085.4a32.05%2032.05%200%200%200%2025.8%2025.7l2.7.5a449.4%20449.4%200%200%200%20159%200l2.7-.5a32.05%2032.05%200%200%200%2025.8-25.7l15.7-85a350%20350%200%200%200%2099.7-57.6l81.3%2028.9a32%2032%200%200%200%2035.1-9.5l1.8-2.1c34.8-41.1%2061.6-87.5%2079.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35M788.3%20465.9c2.5%2015.1%203.8%2030.6%203.8%2046.1s-1.3%2031-3.8%2046.1l-6.6%2040.1l74.7%2063.9a370%20370%200%200%201-42.6%2073.6L721%20702.8l-31.4%2025.8c-23.9%2019.6-50.5%2035-79.3%2045.8l-38.1%2014.3l-17.9%2097a377.5%20377.5%200%200%201-85%200l-17.9-97.2l-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9l-93.4%2033.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5l-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5c0-15.3%201.2-30.6%203.7-45.5l6.5-40l-75.5-64.5c11.3-26.1%2025.6-50.7%2042.6-73.6l93.4%2033.2l31.4-25.9c23.7-19.5%2050.2-34.9%2078.7-45.7l37.9-14.3l17.9-97.2c28.1-3.2%2056.8-3.2%2085%200l17.9%2097l38.1%2014.3c28.7%2010.8%2055.4%2026.2%2079.3%2045.8l31.4%2025.8l92.8-32.9c17%2022.9%2031.2%2047.6%2042.6%2073.6L781.8%20426zM512%20326c-97.2%200-176%2078.8-176%20176s78.8%20176%20176%20176s176-78.8%20176-176s-78.8-176-176-176m79.2%20255.2A111.6%20111.6%200%200%201%20512%20614c-29.9%200-58-11.7-79.2-32.8A111.6%20111.6%200%200%201%20400%20502c0-29.9%2011.7-58%2032.8-79.2C454%20401.6%20482.1%20390%20512%20390s58%2011.6%2079.2%2032.8A111.6%20111.6%200%200%201%20624%20502c0%2029.9-11.7%2058-32.8%2079.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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