setting icon
setting-outlined from WeUI Icon by WeUI · Outlined · MIT Free for personal and commercial use.
- Name
- setting-outlined
- Set
- WeUI Icon
- Style
- Outlined
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in WeUI Icon
Use the setting icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.563 3.2h-1.126l-.645 2.578l-.647.2a6.3 6.3 0 0 0-1.091.452l-.599.317l-2.28-1.368l-.796.797l1.368 2.28l-.317.598a6.3 6.3 0 0 0-.453 1.091l-.199.647l-2.578.645v1.126l2.578.645l.2.647q.173.568.452 1.091l.317.599l-1.368 2.28l.797.796l2.28-1.368l.598.317q.523.278 1.091.453l.647.199l.645 2.578h1.126l.645-2.578l.647-.2a6.3 6.3 0 0 0 1.091-.452l.599-.317l2.28 1.368l.796-.797l-1.368-2.28l.317-.598q.278-.523.453-1.091l.199-.647l2.578-.645v-1.126l-2.578-.645l-.2-.647a6.3 6.3 0 0 0-.452-1.091l-.317-.599l1.368-2.28l-.797-.796l-2.28 1.368l-.598-.317a6.3 6.3 0 0 0-1.091-.453l-.647-.199zm2.945 2.17l1.833-1.1a1 1 0 0 1 1.221.15l1.018 1.018a1 1 0 0 1 .15 1.221l-1.1 1.833q.33.62.54 1.3l2.073.519a1 1 0 0 1 .757.97v1.438a1 1 0 0 1-.757.97l-2.073.519q-.21.68-.54 1.3l1.1 1.833a1 1 0 0 1-.15 1.221l-1.018 1.018a1 1 0 0 1-1.221.15l-1.833-1.1q-.62.33-1.3.54l-.519 2.073a1 1 0 0 1-.97.757h-1.438a1 1 0 0 1-.97-.757l-.519-2.073a7.5 7.5 0 0 1-1.3-.54l-1.833 1.1a1 1 0 0 1-1.221-.15L4.42 18.562a1 1 0 0 1-.15-1.221l1.1-1.833a7.5 7.5 0 0 1-.54-1.3l-2.073-.519A1 1 0 0 1 2 12.72v-1.438a1 1 0 0 1 .757-.97l2.073-.519q.21-.68.54-1.3L4.27 6.66a1 1 0 0 1 .15-1.221L5.438 4.42a1 1 0 0 1 1.221-.15l1.833 1.1q.62-.33 1.3-.54l.519-2.073A1 1 0 0 1 11.28 2h1.438a1 1 0 0 1 .97.757l.519 2.073q.68.21 1.3.54zM12 14.8a2.8 2.8 0 1 0 0-5.6a2.8 2.8 0 0 0 0 5.6m0 1.2a4 4 0 1 1 0-8a4 4 0 0 1 0 8"/></svg>
React
import type { SVGProps } from "react";
export function WeuiSettingOutlined(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" fillRule="evenodd" d="M12.563 3.2h-1.126l-.645 2.578l-.647.2a6.3 6.3 0 0 0-1.091.452l-.599.317l-2.28-1.368l-.796.797l1.368 2.28l-.317.598a6.3 6.3 0 0 0-.453 1.091l-.199.647l-2.578.645v1.126l2.578.645l.2.647q.173.568.452 1.091l.317.599l-1.368 2.28l.797.796l2.28-1.368l.598.317q.523.278 1.091.453l.647.199l.645 2.578h1.126l.645-2.578l.647-.2a6.3 6.3 0 0 0 1.091-.452l.599-.317l2.28 1.368l.796-.797l-1.368-2.28l.317-.598q.278-.523.453-1.091l.199-.647l2.578-.645v-1.126l-2.578-.645l-.2-.647a6.3 6.3 0 0 0-.452-1.091l-.317-.599l1.368-2.28l-.797-.796l-2.28 1.368l-.598-.317a6.3 6.3 0 0 0-1.091-.453l-.647-.199zm2.945 2.17l1.833-1.1a1 1 0 0 1 1.221.15l1.018 1.018a1 1 0 0 1 .15 1.221l-1.1 1.833q.33.62.54 1.3l2.073.519a1 1 0 0 1 .757.97v1.438a1 1 0 0 1-.757.97l-2.073.519q-.21.68-.54 1.3l1.1 1.833a1 1 0 0 1-.15 1.221l-1.018 1.018a1 1 0 0 1-1.221.15l-1.833-1.1q-.62.33-1.3.54l-.519 2.073a1 1 0 0 1-.97.757h-1.438a1 1 0 0 1-.97-.757l-.519-2.073a7.5 7.5 0 0 1-1.3-.54l-1.833 1.1a1 1 0 0 1-1.221-.15L4.42 18.562a1 1 0 0 1-.15-1.221l1.1-1.833a7.5 7.5 0 0 1-.54-1.3l-2.073-.519A1 1 0 0 1 2 12.72v-1.438a1 1 0 0 1 .757-.97l2.073-.519q.21-.68.54-1.3L4.27 6.66a1 1 0 0 1 .15-1.221L5.438 4.42a1 1 0 0 1 1.221-.15l1.833 1.1q.62-.33 1.3-.54l.519-2.073A1 1 0 0 1 11.28 2h1.438a1 1 0 0 1 .97.757l.519 2.073q.68.21 1.3.54zM12 14.8a2.8 2.8 0 1 0 0-5.6a2.8 2.8 0 0 0 0 5.6m0 1.2a4 4 0 1 1 0-8a4 4 0 0 1 0 8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.563 3.2h-1.126l-.645 2.578l-.647.2a6.3 6.3 0 0 0-1.091.452l-.599.317l-2.28-1.368l-.796.797l1.368 2.28l-.317.598a6.3 6.3 0 0 0-.453 1.091l-.199.647l-2.578.645v1.126l2.578.645l.2.647q.173.568.452 1.091l.317.599l-1.368 2.28l.797.796l2.28-1.368l.598.317q.523.278 1.091.453l.647.199l.645 2.578h1.126l.645-2.578l.647-.2a6.3 6.3 0 0 0 1.091-.452l.599-.317l2.28 1.368l.796-.797l-1.368-2.28l.317-.598q.278-.523.453-1.091l.199-.647l2.578-.645v-1.126l-2.578-.645l-.2-.647a6.3 6.3 0 0 0-.452-1.091l-.317-.599l1.368-2.28l-.797-.796l-2.28 1.368l-.598-.317a6.3 6.3 0 0 0-1.091-.453l-.647-.199zm2.945 2.17l1.833-1.1a1 1 0 0 1 1.221.15l1.018 1.018a1 1 0 0 1 .15 1.221l-1.1 1.833q.33.62.54 1.3l2.073.519a1 1 0 0 1 .757.97v1.438a1 1 0 0 1-.757.97l-2.073.519q-.21.68-.54 1.3l1.1 1.833a1 1 0 0 1-.15 1.221l-1.018 1.018a1 1 0 0 1-1.221.15l-1.833-1.1q-.62.33-1.3.54l-.519 2.073a1 1 0 0 1-.97.757h-1.438a1 1 0 0 1-.97-.757l-.519-2.073a7.5 7.5 0 0 1-1.3-.54l-1.833 1.1a1 1 0 0 1-1.221-.15L4.42 18.562a1 1 0 0 1-.15-1.221l1.1-1.833a7.5 7.5 0 0 1-.54-1.3l-2.073-.519A1 1 0 0 1 2 12.72v-1.438a1 1 0 0 1 .757-.97l2.073-.519q.21-.68.54-1.3L4.27 6.66a1 1 0 0 1 .15-1.221L5.438 4.42a1 1 0 0 1 1.221-.15l1.833 1.1q.62-.33 1.3-.54l.519-2.073A1 1 0 0 1 11.28 2h1.438a1 1 0 0 1 .97.757l.519 2.073q.68.21 1.3.54zM12 14.8a2.8 2.8 0 1 0 0-5.6a2.8 2.8 0 0 0 0 5.6m0 1.2a4 4 0 1 1 0-8a4 4 0 0 1 0 8"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.563%203.2h-1.126l-.645%202.578l-.647.2a6.3%206.3%200%200%200-1.091.452l-.599.317l-2.28-1.368l-.796.797l1.368%202.28l-.317.598a6.3%206.3%200%200%200-.453%201.091l-.199.647l-2.578.645v1.126l2.578.645l.2.647q.173.568.452%201.091l.317.599l-1.368%202.28l.797.796l2.28-1.368l.598.317q.523.278%201.091.453l.647.199l.645%202.578h1.126l.645-2.578l.647-.2a6.3%206.3%200%200%200%201.091-.452l.599-.317l2.28%201.368l.796-.797l-1.368-2.28l.317-.598q.278-.523.453-1.091l.199-.647l2.578-.645v-1.126l-2.578-.645l-.2-.647a6.3%206.3%200%200%200-.452-1.091l-.317-.599l1.368-2.28l-.797-.796l-2.28%201.368l-.598-.317a6.3%206.3%200%200%200-1.091-.453l-.647-.199zm2.945%202.17l1.833-1.1a1%201%200%200%201%201.221.15l1.018%201.018a1%201%200%200%201%20.15%201.221l-1.1%201.833q.33.62.54%201.3l2.073.519a1%201%200%200%201%20.757.97v1.438a1%201%200%200%201-.757.97l-2.073.519q-.21.68-.54%201.3l1.1%201.833a1%201%200%200%201-.15%201.221l-1.018%201.018a1%201%200%200%201-1.221.15l-1.833-1.1q-.62.33-1.3.54l-.519%202.073a1%201%200%200%201-.97.757h-1.438a1%201%200%200%201-.97-.757l-.519-2.073a7.5%207.5%200%200%201-1.3-.54l-1.833%201.1a1%201%200%200%201-1.221-.15L4.42%2018.562a1%201%200%200%201-.15-1.221l1.1-1.833a7.5%207.5%200%200%201-.54-1.3l-2.073-.519A1%201%200%200%201%202%2012.72v-1.438a1%201%200%200%201%20.757-.97l2.073-.519q.21-.68.54-1.3L4.27%206.66a1%201%200%200%201%20.15-1.221L5.438%204.42a1%201%200%200%201%201.221-.15l1.833%201.1q.62-.33%201.3-.54l.519-2.073A1%201%200%200%201%2011.28%202h1.438a1%201%200%200%201%20.97.757l.519%202.073q.68.21%201.3.54zM12%2014.8a2.8%202.8%200%201%200%200-5.6a2.8%202.8%200%200%200%200%205.6m0%201.2a4%204%200%201%201%200-8a4%204%200%200%201%200%208%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12.563%203.2h-1.126l-.645%202.578l-.647.2a6.3%206.3%200%200%200-1.091.452l-.599.317l-2.28-1.368l-.796.797l1.368%202.28l-.317.598a6.3%206.3%200%200%200-.453%201.091l-.199.647l-2.578.645v1.126l2.578.645l.2.647q.173.568.452%201.091l.317.599l-1.368%202.28l.797.796l2.28-1.368l.598.317q.523.278%201.091.453l.647.199l.645%202.578h1.126l.645-2.578l.647-.2a6.3%206.3%200%200%200%201.091-.452l.599-.317l2.28%201.368l.796-.797l-1.368-2.28l.317-.598q.278-.523.453-1.091l.199-.647l2.578-.645v-1.126l-2.578-.645l-.2-.647a6.3%206.3%200%200%200-.452-1.091l-.317-.599l1.368-2.28l-.797-.796l-2.28%201.368l-.598-.317a6.3%206.3%200%200%200-1.091-.453l-.647-.199zm2.945%202.17l1.833-1.1a1%201%200%200%201%201.221.15l1.018%201.018a1%201%200%200%201%20.15%201.221l-1.1%201.833q.33.62.54%201.3l2.073.519a1%201%200%200%201%20.757.97v1.438a1%201%200%200%201-.757.97l-2.073.519q-.21.68-.54%201.3l1.1%201.833a1%201%200%200%201-.15%201.221l-1.018%201.018a1%201%200%200%201-1.221.15l-1.833-1.1q-.62.33-1.3.54l-.519%202.073a1%201%200%200%201-.97.757h-1.438a1%201%200%200%201-.97-.757l-.519-2.073a7.5%207.5%200%200%201-1.3-.54l-1.833%201.1a1%201%200%200%201-1.221-.15L4.42%2018.562a1%201%200%200%201-.15-1.221l1.1-1.833a7.5%207.5%200%200%201-.54-1.3l-2.073-.519A1%201%200%200%201%202%2012.72v-1.438a1%201%200%200%201%20.757-.97l2.073-.519q.21-.68.54-1.3L4.27%206.66a1%201%200%200%201%20.15-1.221L5.438%204.42a1%201%200%200%201%201.221-.15l1.833%201.1q.62-.33%201.3-.54l.519-2.073A1%201%200%200%201%2011.28%202h1.438a1%201%200%200%201%20.97.757l.519%202.073q.68.21%201.3.54zM12%2014.8a2.8%202.8%200%201%200%200-5.6a2.8%202.8%200%200%200%200%205.6m0%201.2a4%204%200%201%201%200-8a4%204%200%200%201%200%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/weui/setting-outlined.svg?color=%231a73e8&size=48
