settings 5 icon
settings-5-line from Remix Icon by Remix Design · Line · System · Apache-2.0 Free for personal and commercial use.
- Name
- settings-5-line
- Set
- Remix Icon
- Style
- Line
- Category
- System
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More system icons from Remix Icon
add-box-filladd-circle-filladd-filladd-large-fillalarm-add-fillalarm-fillalarm-snooze-fillalarm-warning-fillalert-fillapps-2-add-fillapps-2-ai-fillapps-2-fillapps-ai-fillapps-fillcheck-double-fillcheck-fillcheckbox-blank-circle-fillcheckbox-blank-fillcheckbox-circle-fillcheckbox-fillcheckbox-indeterminate-fillcheckbox-multiple-blank-fillcheckbox-multiple-fillclose-circle-fill
Use the settings 5 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.212 14.06a9.95 9.95 0 0 1 .001-4.12c1.11.131 2.079-.236 2.396-1.001s-.109-1.71-.986-2.402a9.95 9.95 0 0 1 2.913-2.914c.692.878 1.637 1.303 2.402.986s1.133-1.286 1.002-2.396a9.95 9.95 0 0 1 4.12 0c-.131 1.11.236 2.08 1.001 2.396c.765.317 1.71-.108 2.402-.985a9.9 9.9 0 0 1 2.914 2.912c-.878.692-1.303 1.638-.986 2.403s1.286 1.132 2.396 1.001a9.95 9.95 0 0 1 0 4.12c-1.11-.13-2.08.237-2.396 1.002c-.317.764.108 1.71.985 2.402a9.95 9.95 0 0 1-2.912 2.914c-.693-.878-1.638-1.304-2.403-.987s-1.132 1.286-1.001 2.397a9.9 9.9 0 0 1-4.12-.001c.13-1.11-.237-2.079-1.002-2.396s-1.71.109-2.402.986a9.9 9.9 0 0 1-2.914-2.913c.878-.692 1.304-1.637.987-2.402s-1.286-1.133-2.397-1.002M4 12.21c1.1.305 2.007 1.002 2.456 2.086c.45 1.085.3 2.22-.262 3.212q.145.153.298.298c.993-.563 2.127-.712 3.212-.262c1.084.449 1.781 1.356 2.085 2.456q.21.006.42 0c.305-1.1 1.002-2.007 2.087-2.456c1.084-.45 2.219-.3 3.212.262q.152-.145.297-.298c-.562-.993-.711-2.127-.262-3.212c.45-1.084 1.357-1.781 2.456-2.085q.006-.21 0-.421c-1.1-.304-2.007-1.001-2.456-2.086c-.45-1.084-.3-2.22.262-3.212a8 8 0 0 0-.297-.297c-.993.562-2.128.711-3.212.262C13.21 6.007 12.514 5.1 12.21 4a8 8 0 0 0-.42 0c-.305 1.1-1.002 2.008-2.086 2.457c-1.085.45-2.22.3-3.212-.262q-.153.144-.298.297c.563.993.712 2.128.262 3.212S5.1 11.485 4 11.79q-.006.21 0 .42M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>
React
import type { SVGProps } from "react";
export function RiSettings5Line(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" d="M2.212 14.06a9.95 9.95 0 0 1 .001-4.12c1.11.131 2.079-.236 2.396-1.001s-.109-1.71-.986-2.402a9.95 9.95 0 0 1 2.913-2.914c.692.878 1.637 1.303 2.402.986s1.133-1.286 1.002-2.396a9.95 9.95 0 0 1 4.12 0c-.131 1.11.236 2.08 1.001 2.396c.765.317 1.71-.108 2.402-.985a9.9 9.9 0 0 1 2.914 2.912c-.878.692-1.303 1.638-.986 2.403s1.286 1.132 2.396 1.001a9.95 9.95 0 0 1 0 4.12c-1.11-.13-2.08.237-2.396 1.002c-.317.764.108 1.71.985 2.402a9.95 9.95 0 0 1-2.912 2.914c-.693-.878-1.638-1.304-2.403-.987s-1.132 1.286-1.001 2.397a9.9 9.9 0 0 1-4.12-.001c.13-1.11-.237-2.079-1.002-2.396s-1.71.109-2.402.986a9.9 9.9 0 0 1-2.914-2.913c.878-.692 1.304-1.637.987-2.402s-1.286-1.133-2.397-1.002M4 12.21c1.1.305 2.007 1.002 2.456 2.086c.45 1.085.3 2.22-.262 3.212q.145.153.298.298c.993-.563 2.127-.712 3.212-.262c1.084.449 1.781 1.356 2.085 2.456q.21.006.42 0c.305-1.1 1.002-2.007 2.087-2.456c1.084-.45 2.219-.3 3.212.262q.152-.145.297-.298c-.562-.993-.711-2.127-.262-3.212c.45-1.084 1.357-1.781 2.456-2.085q.006-.21 0-.421c-1.1-.304-2.007-1.001-2.456-2.086c-.45-1.084-.3-2.22.262-3.212a8 8 0 0 0-.297-.297c-.993.562-2.128.711-3.212.262C13.21 6.007 12.514 5.1 12.21 4a8 8 0 0 0-.42 0c-.305 1.1-1.002 2.008-2.086 2.457c-1.085.45-2.22.3-3.212-.262q-.153.144-.298.297c.563.993.712 2.128.262 3.212S5.1 11.485 4 11.79q-.006.21 0 .42M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.212 14.06a9.95 9.95 0 0 1 .001-4.12c1.11.131 2.079-.236 2.396-1.001s-.109-1.71-.986-2.402a9.95 9.95 0 0 1 2.913-2.914c.692.878 1.637 1.303 2.402.986s1.133-1.286 1.002-2.396a9.95 9.95 0 0 1 4.12 0c-.131 1.11.236 2.08 1.001 2.396c.765.317 1.71-.108 2.402-.985a9.9 9.9 0 0 1 2.914 2.912c-.878.692-1.303 1.638-.986 2.403s1.286 1.132 2.396 1.001a9.95 9.95 0 0 1 0 4.12c-1.11-.13-2.08.237-2.396 1.002c-.317.764.108 1.71.985 2.402a9.95 9.95 0 0 1-2.912 2.914c-.693-.878-1.638-1.304-2.403-.987s-1.132 1.286-1.001 2.397a9.9 9.9 0 0 1-4.12-.001c.13-1.11-.237-2.079-1.002-2.396s-1.71.109-2.402.986a9.9 9.9 0 0 1-2.914-2.913c.878-.692 1.304-1.637.987-2.402s-1.286-1.133-2.397-1.002M4 12.21c1.1.305 2.007 1.002 2.456 2.086c.45 1.085.3 2.22-.262 3.212q.145.153.298.298c.993-.563 2.127-.712 3.212-.262c1.084.449 1.781 1.356 2.085 2.456q.21.006.42 0c.305-1.1 1.002-2.007 2.087-2.456c1.084-.45 2.219-.3 3.212.262q.152-.145.297-.298c-.562-.993-.711-2.127-.262-3.212c.45-1.084 1.357-1.781 2.456-2.085q.006-.21 0-.421c-1.1-.304-2.007-1.001-2.456-2.086c-.45-1.084-.3-2.22.262-3.212a8 8 0 0 0-.297-.297c-.993.562-2.128.711-3.212.262C13.21 6.007 12.514 5.1 12.21 4a8 8 0 0 0-.42 0c-.305 1.1-1.002 2.008-2.086 2.457c-1.085.45-2.22.3-3.212-.262q-.153.144-.298.297c.563.993.712 2.128.262 3.212S5.1 11.485 4 11.79q-.006.21 0 .42M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg> </template>
CSS
.icon-settings-5-line {
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%20d%3D%22M2.212%2014.06a9.95%209.95%200%200%201%20.001-4.12c1.11.131%202.079-.236%202.396-1.001s-.109-1.71-.986-2.402a9.95%209.95%200%200%201%202.913-2.914c.692.878%201.637%201.303%202.402.986s1.133-1.286%201.002-2.396a9.95%209.95%200%200%201%204.12%200c-.131%201.11.236%202.08%201.001%202.396c.765.317%201.71-.108%202.402-.985a9.9%209.9%200%200%201%202.914%202.912c-.878.692-1.303%201.638-.986%202.403s1.286%201.132%202.396%201.001a9.95%209.95%200%200%201%200%204.12c-1.11-.13-2.08.237-2.396%201.002c-.317.764.108%201.71.985%202.402a9.95%209.95%200%200%201-2.912%202.914c-.693-.878-1.638-1.304-2.403-.987s-1.132%201.286-1.001%202.397a9.9%209.9%200%200%201-4.12-.001c.13-1.11-.237-2.079-1.002-2.396s-1.71.109-2.402.986a9.9%209.9%200%200%201-2.914-2.913c.878-.692%201.304-1.637.987-2.402s-1.286-1.133-2.397-1.002M4%2012.21c1.1.305%202.007%201.002%202.456%202.086c.45%201.085.3%202.22-.262%203.212q.145.153.298.298c.993-.563%202.127-.712%203.212-.262c1.084.449%201.781%201.356%202.085%202.456q.21.006.42%200c.305-1.1%201.002-2.007%202.087-2.456c1.084-.45%202.219-.3%203.212.262q.152-.145.297-.298c-.562-.993-.711-2.127-.262-3.212c.45-1.084%201.357-1.781%202.456-2.085q.006-.21%200-.421c-1.1-.304-2.007-1.001-2.456-2.086c-.45-1.084-.3-2.22.262-3.212a8%208%200%200%200-.297-.297c-.993.562-2.128.711-3.212.262C13.21%206.007%2012.514%205.1%2012.21%204a8%208%200%200%200-.42%200c-.305%201.1-1.002%202.008-2.086%202.457c-1.085.45-2.22.3-3.212-.262q-.153.144-.298.297c.563.993.712%202.128.262%203.212S5.1%2011.485%204%2011.79q-.006.21%200%20.42M12%2015a3%203%200%201%201%200-6a3%203%200%200%201%200%206m0-2a1%201%200%201%200%200-2a1%201%200%200%200%200%202%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%20d%3D%22M2.212%2014.06a9.95%209.95%200%200%201%20.001-4.12c1.11.131%202.079-.236%202.396-1.001s-.109-1.71-.986-2.402a9.95%209.95%200%200%201%202.913-2.914c.692.878%201.637%201.303%202.402.986s1.133-1.286%201.002-2.396a9.95%209.95%200%200%201%204.12%200c-.131%201.11.236%202.08%201.001%202.396c.765.317%201.71-.108%202.402-.985a9.9%209.9%200%200%201%202.914%202.912c-.878.692-1.303%201.638-.986%202.403s1.286%201.132%202.396%201.001a9.95%209.95%200%200%201%200%204.12c-1.11-.13-2.08.237-2.396%201.002c-.317.764.108%201.71.985%202.402a9.95%209.95%200%200%201-2.912%202.914c-.693-.878-1.638-1.304-2.403-.987s-1.132%201.286-1.001%202.397a9.9%209.9%200%200%201-4.12-.001c.13-1.11-.237-2.079-1.002-2.396s-1.71.109-2.402.986a9.9%209.9%200%200%201-2.914-2.913c.878-.692%201.304-1.637.987-2.402s-1.286-1.133-2.397-1.002M4%2012.21c1.1.305%202.007%201.002%202.456%202.086c.45%201.085.3%202.22-.262%203.212q.145.153.298.298c.993-.563%202.127-.712%203.212-.262c1.084.449%201.781%201.356%202.085%202.456q.21.006.42%200c.305-1.1%201.002-2.007%202.087-2.456c1.084-.45%202.219-.3%203.212.262q.152-.145.297-.298c-.562-.993-.711-2.127-.262-3.212c.45-1.084%201.357-1.781%202.456-2.085q.006-.21%200-.421c-1.1-.304-2.007-1.001-2.456-2.086c-.45-1.084-.3-2.22.262-3.212a8%208%200%200%200-.297-.297c-.993.562-2.128.711-3.212.262C13.21%206.007%2012.514%205.1%2012.21%204a8%208%200%200%200-.42%200c-.305%201.1-1.002%202.008-2.086%202.457c-1.085.45-2.22.3-3.212-.262q-.153.144-.298.297c.563.993.712%202.128.262%203.212S5.1%2011.485%204%2011.79q-.006.21%200%20.42M12%2015a3%203%200%201%201%200-6a3%203%200%200%201%200%206m0-2a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/settings-5-line.svg?color=%231a73e8&size=48
