user settings icon
user-settings-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- user-settings-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Related icons in Myna UI Icons
Use the user settings icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 3.75a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5m8.249 16.712c-.262-5.148-4.307-7.712-8.249-7.712s-7.987 2.563-8.249 7.712a.75.75 0 0 0 .71.787c3.365.171 12.998.106 15.077 0a.75.75 0 0 0 .711-.787m-8.876-5.325c.18-.075.386-.137.627-.137s.446.062.627.137c.159.066.334.16.511.254l.18.096c.177.094.353.188.495.282c.16.106.332.247.465.458c.134.215.183.433.204.628c.018.167.018.36.018.546v.198c0 .186 0 .38-.018.546c-.02.195-.07.413-.204.628a1.5 1.5 0 0 1-.465.458a6 6 0 0 1-.495.282l-.18.096a6 6 0 0 1-.511.254c-.18.076-.386.137-.627.137s-.446-.061-.627-.137c-.159-.066-.334-.16-.511-.254l-.18-.096a6 6 0 0 1-.495-.282a1.5 1.5 0 0 1-.465-.458a1.44 1.44 0 0 1-.204-.628c-.018-.167-.018-.36-.018-.546V17.4c0-.186 0-.38.018-.546c.02-.195.07-.413.204-.628c.133-.211.305-.352.465-.458c.143-.094.318-.188.495-.282l.18-.096c.177-.094.352-.188.511-.254"/><path d="M11.545 16.727c.209-.111.321-.17.407-.206l.048-.018q.014.004.048.018c.086.036.198.095.408.206l.133.071c.21.112.32.172.396.222l.007.005q.005.046.006.14c.002.073.002.157.002.264v.142c0 .107 0 .191-.002.263q0 .096-.006.142l-.007.004c-.075.05-.186.11-.396.222l-.133.07c-.21.112-.322.171-.408.207l-.048.018l-.048-.018a6 6 0 0 1-.408-.206l-.133-.071a6 6 0 0 1-.396-.222l-.007-.005a2 2 0 0 1-.006-.14C11 17.761 11 17.677 11 17.57v-.142c0-.107 0-.191.002-.263q0-.096.006-.142l.007-.004c.075-.05.186-.11.396-.222z"/></g></svg>
React
import type { SVGProps } from "react";
export function MynauiUserSettingsSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 3.75a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5m8.249 16.712c-.262-5.148-4.307-7.712-8.249-7.712s-7.987 2.563-8.249 7.712a.75.75 0 0 0 .71.787c3.365.171 12.998.106 15.077 0a.75.75 0 0 0 .711-.787m-8.876-5.325c.18-.075.386-.137.627-.137s.446.062.627.137c.159.066.334.16.511.254l.18.096c.177.094.353.188.495.282c.16.106.332.247.465.458c.134.215.183.433.204.628c.018.167.018.36.018.546v.198c0 .186 0 .38-.018.546c-.02.195-.07.413-.204.628a1.5 1.5 0 0 1-.465.458a6 6 0 0 1-.495.282l-.18.096a6 6 0 0 1-.511.254c-.18.076-.386.137-.627.137s-.446-.061-.627-.137c-.159-.066-.334-.16-.511-.254l-.18-.096a6 6 0 0 1-.495-.282a1.5 1.5 0 0 1-.465-.458a1.44 1.44 0 0 1-.204-.628c-.018-.167-.018-.36-.018-.546V17.4c0-.186 0-.38.018-.546c.02-.195.07-.413.204-.628c.133-.211.305-.352.465-.458c.143-.094.318-.188.495-.282l.18-.096c.177-.094.352-.188.511-.254"/><path d="M11.545 16.727c.209-.111.321-.17.407-.206l.048-.018q.014.004.048.018c.086.036.198.095.408.206l.133.071c.21.112.32.172.396.222l.007.005q.005.046.006.14c.002.073.002.157.002.264v.142c0 .107 0 .191-.002.263q0 .096-.006.142l-.007.004c-.075.05-.186.11-.396.222l-.133.07c-.21.112-.322.171-.408.207l-.048.018l-.048-.018a6 6 0 0 1-.408-.206l-.133-.071a6 6 0 0 1-.396-.222l-.007-.005a2 2 0 0 1-.006-.14C11 17.761 11 17.677 11 17.57v-.142c0-.107 0-.191.002-.263q0-.096.006-.142l.007-.004c.075-.05.186-.11.396-.222z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 3.75a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5m8.249 16.712c-.262-5.148-4.307-7.712-8.249-7.712s-7.987 2.563-8.249 7.712a.75.75 0 0 0 .71.787c3.365.171 12.998.106 15.077 0a.75.75 0 0 0 .711-.787m-8.876-5.325c.18-.075.386-.137.627-.137s.446.062.627.137c.159.066.334.16.511.254l.18.096c.177.094.353.188.495.282c.16.106.332.247.465.458c.134.215.183.433.204.628c.018.167.018.36.018.546v.198c0 .186 0 .38-.018.546c-.02.195-.07.413-.204.628a1.5 1.5 0 0 1-.465.458a6 6 0 0 1-.495.282l-.18.096a6 6 0 0 1-.511.254c-.18.076-.386.137-.627.137s-.446-.061-.627-.137c-.159-.066-.334-.16-.511-.254l-.18-.096a6 6 0 0 1-.495-.282a1.5 1.5 0 0 1-.465-.458a1.44 1.44 0 0 1-.204-.628c-.018-.167-.018-.36-.018-.546V17.4c0-.186 0-.38.018-.546c.02-.195.07-.413.204-.628c.133-.211.305-.352.465-.458c.143-.094.318-.188.495-.282l.18-.096c.177-.094.352-.188.511-.254"/><path d="M11.545 16.727c.209-.111.321-.17.407-.206l.048-.018q.014.004.048.018c.086.036.198.095.408.206l.133.071c.21.112.32.172.396.222l.007.005q.005.046.006.14c.002.073.002.157.002.264v.142c0 .107 0 .191-.002.263q0 .096-.006.142l-.007.004c-.075.05-.186.11-.396.222l-.133.07c-.21.112-.322.171-.408.207l-.048.018l-.048-.018a6 6 0 0 1-.408-.206l-.133-.071a6 6 0 0 1-.396-.222l-.007-.005a2 2 0 0 1-.006-.14C11 17.761 11 17.677 11 17.57v-.142c0-.107 0-.191.002-.263q0-.096.006-.142l.007-.004c.075-.05.186-.11.396-.222z"/></g></svg> </template>
CSS
.icon-user-settings-solid {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%203.75a3.75%203.75%200%201%200%200%207.5a3.75%203.75%200%200%200%200-7.5m8.249%2016.712c-.262-5.148-4.307-7.712-8.249-7.712s-7.987%202.563-8.249%207.712a.75.75%200%200%200%20.71.787c3.365.171%2012.998.106%2015.077%200a.75.75%200%200%200%20.711-.787m-8.876-5.325c.18-.075.386-.137.627-.137s.446.062.627.137c.159.066.334.16.511.254l.18.096c.177.094.353.188.495.282c.16.106.332.247.465.458c.134.215.183.433.204.628c.018.167.018.36.018.546v.198c0%20.186%200%20.38-.018.546c-.02.195-.07.413-.204.628a1.5%201.5%200%200%201-.465.458a6%206%200%200%201-.495.282l-.18.096a6%206%200%200%201-.511.254c-.18.076-.386.137-.627.137s-.446-.061-.627-.137c-.159-.066-.334-.16-.511-.254l-.18-.096a6%206%200%200%201-.495-.282a1.5%201.5%200%200%201-.465-.458a1.44%201.44%200%200%201-.204-.628c-.018-.167-.018-.36-.018-.546V17.4c0-.186%200-.38.018-.546c.02-.195.07-.413.204-.628c.133-.211.305-.352.465-.458c.143-.094.318-.188.495-.282l.18-.096c.177-.094.352-.188.511-.254%22%2F%3E%3Cpath%20d%3D%22M11.545%2016.727c.209-.111.321-.17.407-.206l.048-.018q.014.004.048.018c.086.036.198.095.408.206l.133.071c.21.112.32.172.396.222l.007.005q.005.046.006.14c.002.073.002.157.002.264v.142c0%20.107%200%20.191-.002.263q0%20.096-.006.142l-.007.004c-.075.05-.186.11-.396.222l-.133.07c-.21.112-.322.171-.408.207l-.048.018l-.048-.018a6%206%200%200%201-.408-.206l-.133-.071a6%206%200%200%201-.396-.222l-.007-.005a2%202%200%200%201-.006-.14C11%2017.761%2011%2017.677%2011%2017.57v-.142c0-.107%200-.191.002-.263q0-.096.006-.142l.007-.004c.075-.05.186-.11.396-.222z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%203.75a3.75%203.75%200%201%200%200%207.5a3.75%203.75%200%200%200%200-7.5m8.249%2016.712c-.262-5.148-4.307-7.712-8.249-7.712s-7.987%202.563-8.249%207.712a.75.75%200%200%200%20.71.787c3.365.171%2012.998.106%2015.077%200a.75.75%200%200%200%20.711-.787m-8.876-5.325c.18-.075.386-.137.627-.137s.446.062.627.137c.159.066.334.16.511.254l.18.096c.177.094.353.188.495.282c.16.106.332.247.465.458c.134.215.183.433.204.628c.018.167.018.36.018.546v.198c0%20.186%200%20.38-.018.546c-.02.195-.07.413-.204.628a1.5%201.5%200%200%201-.465.458a6%206%200%200%201-.495.282l-.18.096a6%206%200%200%201-.511.254c-.18.076-.386.137-.627.137s-.446-.061-.627-.137c-.159-.066-.334-.16-.511-.254l-.18-.096a6%206%200%200%201-.495-.282a1.5%201.5%200%200%201-.465-.458a1.44%201.44%200%200%201-.204-.628c-.018-.167-.018-.36-.018-.546V17.4c0-.186%200-.38.018-.546c.02-.195.07-.413.204-.628c.133-.211.305-.352.465-.458c.143-.094.318-.188.495-.282l.18-.096c.177-.094.352-.188.511-.254%22%2F%3E%3Cpath%20d%3D%22M11.545%2016.727c.209-.111.321-.17.407-.206l.048-.018q.014.004.048.018c.086.036.198.095.408.206l.133.071c.21.112.32.172.396.222l.007.005q.005.046.006.14c.002.073.002.157.002.264v.142c0%20.107%200%20.191-.002.263q0%20.096-.006.142l-.007.004c-.075.05-.186.11-.396.222l-.133.07c-.21.112-.322.171-.408.207l-.048.018l-.048-.018a6%206%200%200%201-.408-.206l-.133-.071a6%206%200%200%201-.396-.222l-.007-.005a2%202%200%200%201-.006-.14C11%2017.761%2011%2017.677%2011%2017.57v-.142c0-.107%200-.191.002-.263q0-.096.006-.142l.007-.004c.075-.05.186-.11.396-.222z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/user-settings-solid.svg?color=%231a73e8&size=48
