setting filled icon
setting-filled from WeUI Icon by WeUI · Filled · MIT Free for personal and commercial use.
- Name
- setting-filled
- Set
- WeUI Icon
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
Use the setting filled 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="M14.208 4.83q.68.21 1.3.54l1.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.757zM12 16a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/></svg>
React
import type { SVGProps } from "react";
export function WeuiSettingFilled(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="M14.208 4.83q.68.21 1.3.54l1.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.757zM12 16a4 4 0 1 0 0-8a4 4 0 0 0 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="M14.208 4.83q.68.21 1.3.54l1.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.757zM12 16a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/></svg> </template>
CSS
.icon-setting-filled {
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%22M14.208%204.83q.68.21%201.3.54l1.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.757zM12%2016a4%204%200%201%200%200-8a4%204%200%200%200%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%22M14.208%204.83q.68.21%201.3.54l1.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.757zM12%2016a4%204%200%201%200%200-8a4%204%200%200%200%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-filled.svg?color=%231a73e8&size=48
