Setting Twotone icon
ant-design:setting-twotone
The Setting Twotone icon (ant-design:setting-twotone) is a free SVG icon from the Ant Design Icons set by HeskeyBaozi. It is drawn on a 1024 × 1024 grid. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ant Design Icons
- Author
- HeskeyBaozi
- License
- MIT
- Size
- 1024 × 1024
- Tags
- settingtwotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="m859.3 569.7l.2.1c3.1-18.9 4.6-38.2 4.6-57.3c0-17.1-1.3-34.3-3.7-51.1c2.4 16.7 3.6 33.6 3.6 50.5c0 19.4-1.6 38.8-4.7 57.8M99 398.1c-.5-.4-.9-.8-1.4-1.3c.7.7 1.4 1.4 2.2 2.1l65.5 55.9v-.1zm536.6-216h.1l-15.5-83.8c-.2-1-.4-1.9-.7-2.8c.1.5.3 1.1.4 1.6zm54 546.5l31.4-25.8l92.8 32.9c17-22.9 31.3-47.5 42.6-73.6l-74.7-63.9l6.6-40.1c2.5-15.1 3.8-30.6 3.8-46.1s-1.3-31-3.8-46.1l-6.5-39.9l74.7-63.9c-11.4-26-25.6-50.7-42.6-73.6l-92.8 32.9l-31.4-25.8c-23.9-19.6-50.6-35-79.3-45.8l-38.1-14.3l-17.9-97a377.5 377.5 0 0 0-85 0l-17.9 97.2l-37.9 14.3c-28.5 10.8-55 26.2-78.7 45.7l-31.4 25.9l-93.4-33.2c-17 22.9-31.3 47.5-42.6 73.6l75.5 64.5l-6.5 40c-2.5 14.9-3.7 30.2-3.7 45.5c0 15.2 1.3 30.6 3.7 45.5l6.5 40l-75.5 64.5c11.4 26 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.8 14.5l17.9 97.2c28.2 3.2 56.9 3.2 85 0l17.9-97l38.1-14.3c28.8-10.8 55.4-26.2 79.3-45.8m-177.1-50.3c-30.5 0-59.2-7.8-84.3-21.5C373.3 627 336 568.9 336 502c0-97.2 78.8-176 176-176c66.9 0 125 37.3 154.8 92.2c13.7 25 21.5 53.7 21.5 84.3c0 97.1-78.7 175.8-175.8 175.8M207.2 812.8c-5.5 1.9-11.2 2.3-16.6 1.2c5.7 1.2 11.7 1 17.5-1l81.4-29c-.1-.1-.3-.2-.4-.3zm717.6-414.7l-65.5 56c0 .2.1.5.1.7l65.4-55.9c7.1-6.1 11.1-14.9 11.2-24c-.3 8.8-4.3 17.3-11.2 23.2"/><path fill="currentColor" fill-opacity=".15" d="M935.8 646.6c.5 4.7 0 9.5-1.7 14.1l-.9 2.6a446 446 0 0 1-79.7 137.9l-1.8 2.1a32 32 0 0 1-35.1 9.5l-81.3-28.9a350 350 0 0 1-99.7 57.6l-15.7 85a32.05 32.05 0 0 1-25.8 25.7l-2.7.5a445 445 0 0 1-79.2 7.1h.3c26.7 0 53.4-2.4 79.4-7.1l2.7-.5a32.05 32.05 0 0 0 25.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0 0 35.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c1.6-4.7 2.1-9.7 1.5-14.5"/><path fill="currentColor" d="M688 502c0-30.3-7.7-58.9-21.2-83.8C637 363.3 578.9 326 512 326c-97.2 0-176 78.8-176 176c0 66.9 37.3 125 92.2 154.8c24.9 13.5 53.4 21.2 83.8 21.2c97.2 0 176-78.8 176-176m-288 0c0-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.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 502"/><path fill="currentColor" d="M594.1 952.2a32.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.6c1.7-4.6 2.2-9.4 1.7-14.1c-.9-7.9-4.7-15.4-11-20.9l-65.3-55.9l-.2-.1c3.1-19 4.7-38.4 4.7-57.8c0-16.9-1.2-33.9-3.6-50.5c-.3-2.2-.7-4.4-1-6.6c0-.2-.1-.5-.1-.7l65.5-56c6.9-5.9 10.9-14.4 11.2-23.2c.1-4-.5-8.1-1.9-12l-.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.4-44-99.6-57.6h-.1l-15.7-85c-.1-.5-.2-1.1-.4-1.6a32.08 32.08 0 0 0-25.4-24.1l-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.6a32.09 32.09 0 0 0 7.9 33.9c.5.4.9.9 1.4 1.3l66.3 56.6v.1c-3.1 18.8-4.6 37.9-4.6 57c0 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.1c4.9 5.7 11.4 9.4 18.5 10.7c5.4 1 11.1.7 16.6-1.2l81.9-29.1c.1.1.3.2.4.3c29.7 24.3 62.8 43.6 98.6 57.1l15.8 85.4a32.05 32.05 0 0 0 25.8 25.7l2.7.5c26.1 4.7 52.8 7.1 79.5 7.1h.3c26.6 0 53.3-2.4 79.2-7.1zm-39.8-66.5a377.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 426l6.5 39.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.3z"/></svg>How to use the Setting Twotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:setting-twotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:setting-twotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:setting-twotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--setting-twotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:setting-twotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:setting-twotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/setting-twotone.svg" alt="Setting Twotone icon" width="24" height="24">Related icons in Ant Design Icons
Setting Twotone icon FAQ
Is the Setting Twotone icon free for commercial use?
Yes. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Setting Twotone icon in React?
Install @iconify/react and render <Icon icon="ant-design:setting-twotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Setting Twotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/setting-twotone.svg" alt="Setting Twotone icon">, or paste the SVG code inline to style it with CSS.