ui settings icon
ui-settings-outline from Health Icons by Resolve to Save Lives · Outline · Symbols · MIT Free for personal and commercial use.
- Name
- ui-settings-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Symbols
- Viewbox
- 48×48
- License
- MIT
- Aliases
- ui-settings2x-outline
1 other variant in Health Icons
More symbols icons from Health Icons
Use the ui settings icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M19.134 5.603h9.732v1.663c.147 1.605.371 2.811.688 3.685c.318.877.694 1.326 1.083 1.555c.387.228.952.336 1.857.18c.905-.155 2.053-.558 3.51-1.235l1.496-.864l4.866 8.429l-1.207.696c-1.384.963-2.365 1.788-2.997 2.523c-.634.738-.845 1.304-.85 1.766c-.004.458.193 1.017.812 1.746c.617.729 1.588 1.547 2.97 2.503l1.272.735l-.519.899l-4.347 7.53l-1.56-.901c-1.485-.677-2.64-1.065-3.538-1.196c-.892-.13-1.435.006-1.808.264c-.39.27-.767.792-1.074 1.786c-.307.992-.51 2.344-.63 4.123h-.024v.908h-9.732v-2.076c-.159-1.541-.397-2.678-.723-3.488c-.324-.805-.7-1.201-1.094-1.397c-.407-.203-1.008-.28-1.956-.087c-.941.193-2.123.634-3.61 1.341l-1.251.722l-4.866-8.428l1.822-1.052c1.215-.88 2.068-1.638 2.611-2.314s.722-1.2.718-1.636c-.004-.437-.191-.965-.751-1.646s-1.432-1.44-2.674-2.325l-1.726-.996l4.866-8.429l1.048.605c1.521.727 2.736 1.188 3.708 1.398c.98.213 1.609.147 2.034-.05c.405-.189.786-.572 1.114-1.361c.33-.797.572-1.925.73-3.465zm-7.882 29.113c1.394-.645 2.626-1.103 3.707-1.325c1.185-.243 2.291-.222 3.25.256c.972.484 1.619 1.352 2.058 2.44c.433 1.076.696 2.447.862 4.083l.005.05v.178h5.837c.13-1.416.33-2.626.638-3.621c.374-1.21.94-2.213 1.847-2.84c.925-.64 2.033-.774 3.234-.599c1.174.171 2.528.648 4.073 1.352l2.89-5.006c-1.293-.916-2.326-1.784-3.055-2.644c-.796-.938-1.296-1.948-1.285-3.059c.01-1.108.528-2.113 1.332-3.05c.727-.846 1.745-1.702 3.012-2.607l-2.898-5.02c-1.483.685-2.788 1.158-3.926 1.354c-1.18.202-2.275.123-3.21-.428c-.934-.55-1.54-1.47-1.949-2.597c-.39-1.077-.632-2.428-.785-4.03h-5.755v.211l-.005.05c-.165 1.639-.433 3.01-.878 4.082c-.453 1.089-1.122 1.944-2.118 2.407c-.976.454-2.099.453-3.3.192c-1.047-.227-2.234-.667-3.57-1.278l-2.897 5.017l.076.044l.038.027c1.32.936 2.37 1.825 3.098 2.712c.734.892 1.198 1.85 1.207 2.9s-.44 2.01-1.159 2.905c-.713.888-1.746 1.777-3.04 2.712l-.042.03l-.178.103z"/><path d="M24 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6m0 2a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path d="M24 31a7 7 0 1 0 0-14a7 7 0 0 0 0 14m0 2a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsUiSettingsOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M19.134 5.603h9.732v1.663c.147 1.605.371 2.811.688 3.685c.318.877.694 1.326 1.083 1.555c.387.228.952.336 1.857.18c.905-.155 2.053-.558 3.51-1.235l1.496-.864l4.866 8.429l-1.207.696c-1.384.963-2.365 1.788-2.997 2.523c-.634.738-.845 1.304-.85 1.766c-.004.458.193 1.017.812 1.746c.617.729 1.588 1.547 2.97 2.503l1.272.735l-.519.899l-4.347 7.53l-1.56-.901c-1.485-.677-2.64-1.065-3.538-1.196c-.892-.13-1.435.006-1.808.264c-.39.27-.767.792-1.074 1.786c-.307.992-.51 2.344-.63 4.123h-.024v.908h-9.732v-2.076c-.159-1.541-.397-2.678-.723-3.488c-.324-.805-.7-1.201-1.094-1.397c-.407-.203-1.008-.28-1.956-.087c-.941.193-2.123.634-3.61 1.341l-1.251.722l-4.866-8.428l1.822-1.052c1.215-.88 2.068-1.638 2.611-2.314s.722-1.2.718-1.636c-.004-.437-.191-.965-.751-1.646s-1.432-1.44-2.674-2.325l-1.726-.996l4.866-8.429l1.048.605c1.521.727 2.736 1.188 3.708 1.398c.98.213 1.609.147 2.034-.05c.405-.189.786-.572 1.114-1.361c.33-.797.572-1.925.73-3.465zm-7.882 29.113c1.394-.645 2.626-1.103 3.707-1.325c1.185-.243 2.291-.222 3.25.256c.972.484 1.619 1.352 2.058 2.44c.433 1.076.696 2.447.862 4.083l.005.05v.178h5.837c.13-1.416.33-2.626.638-3.621c.374-1.21.94-2.213 1.847-2.84c.925-.64 2.033-.774 3.234-.599c1.174.171 2.528.648 4.073 1.352l2.89-5.006c-1.293-.916-2.326-1.784-3.055-2.644c-.796-.938-1.296-1.948-1.285-3.059c.01-1.108.528-2.113 1.332-3.05c.727-.846 1.745-1.702 3.012-2.607l-2.898-5.02c-1.483.685-2.788 1.158-3.926 1.354c-1.18.202-2.275.123-3.21-.428c-.934-.55-1.54-1.47-1.949-2.597c-.39-1.077-.632-2.428-.785-4.03h-5.755v.211l-.005.05c-.165 1.639-.433 3.01-.878 4.082c-.453 1.089-1.122 1.944-2.118 2.407c-.976.454-2.099.453-3.3.192c-1.047-.227-2.234-.667-3.57-1.278l-2.897 5.017l.076.044l.038.027c1.32.936 2.37 1.825 3.098 2.712c.734.892 1.198 1.85 1.207 2.9s-.44 2.01-1.159 2.905c-.713.888-1.746 1.777-3.04 2.712l-.042.03l-.178.103z"/><path d="M24 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6m0 2a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path d="M24 31a7 7 0 1 0 0-14a7 7 0 0 0 0 14m0 2a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M19.134 5.603h9.732v1.663c.147 1.605.371 2.811.688 3.685c.318.877.694 1.326 1.083 1.555c.387.228.952.336 1.857.18c.905-.155 2.053-.558 3.51-1.235l1.496-.864l4.866 8.429l-1.207.696c-1.384.963-2.365 1.788-2.997 2.523c-.634.738-.845 1.304-.85 1.766c-.004.458.193 1.017.812 1.746c.617.729 1.588 1.547 2.97 2.503l1.272.735l-.519.899l-4.347 7.53l-1.56-.901c-1.485-.677-2.64-1.065-3.538-1.196c-.892-.13-1.435.006-1.808.264c-.39.27-.767.792-1.074 1.786c-.307.992-.51 2.344-.63 4.123h-.024v.908h-9.732v-2.076c-.159-1.541-.397-2.678-.723-3.488c-.324-.805-.7-1.201-1.094-1.397c-.407-.203-1.008-.28-1.956-.087c-.941.193-2.123.634-3.61 1.341l-1.251.722l-4.866-8.428l1.822-1.052c1.215-.88 2.068-1.638 2.611-2.314s.722-1.2.718-1.636c-.004-.437-.191-.965-.751-1.646s-1.432-1.44-2.674-2.325l-1.726-.996l4.866-8.429l1.048.605c1.521.727 2.736 1.188 3.708 1.398c.98.213 1.609.147 2.034-.05c.405-.189.786-.572 1.114-1.361c.33-.797.572-1.925.73-3.465zm-7.882 29.113c1.394-.645 2.626-1.103 3.707-1.325c1.185-.243 2.291-.222 3.25.256c.972.484 1.619 1.352 2.058 2.44c.433 1.076.696 2.447.862 4.083l.005.05v.178h5.837c.13-1.416.33-2.626.638-3.621c.374-1.21.94-2.213 1.847-2.84c.925-.64 2.033-.774 3.234-.599c1.174.171 2.528.648 4.073 1.352l2.89-5.006c-1.293-.916-2.326-1.784-3.055-2.644c-.796-.938-1.296-1.948-1.285-3.059c.01-1.108.528-2.113 1.332-3.05c.727-.846 1.745-1.702 3.012-2.607l-2.898-5.02c-1.483.685-2.788 1.158-3.926 1.354c-1.18.202-2.275.123-3.21-.428c-.934-.55-1.54-1.47-1.949-2.597c-.39-1.077-.632-2.428-.785-4.03h-5.755v.211l-.005.05c-.165 1.639-.433 3.01-.878 4.082c-.453 1.089-1.122 1.944-2.118 2.407c-.976.454-2.099.453-3.3.192c-1.047-.227-2.234-.667-3.57-1.278l-2.897 5.017l.076.044l.038.027c1.32.936 2.37 1.825 3.098 2.712c.734.892 1.198 1.85 1.207 2.9s-.44 2.01-1.159 2.905c-.713.888-1.746 1.777-3.04 2.712l-.042.03l-.178.103z"/><path d="M24 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6m0 2a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path d="M24 31a7 7 0 1 0 0-14a7 7 0 0 0 0 14m0 2a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/></g></svg> </template>
CSS
.icon-ui-settings-outline {
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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M19.134%205.603h9.732v1.663c.147%201.605.371%202.811.688%203.685c.318.877.694%201.326%201.083%201.555c.387.228.952.336%201.857.18c.905-.155%202.053-.558%203.51-1.235l1.496-.864l4.866%208.429l-1.207.696c-1.384.963-2.365%201.788-2.997%202.523c-.634.738-.845%201.304-.85%201.766c-.004.458.193%201.017.812%201.746c.617.729%201.588%201.547%202.97%202.503l1.272.735l-.519.899l-4.347%207.53l-1.56-.901c-1.485-.677-2.64-1.065-3.538-1.196c-.892-.13-1.435.006-1.808.264c-.39.27-.767.792-1.074%201.786c-.307.992-.51%202.344-.63%204.123h-.024v.908h-9.732v-2.076c-.159-1.541-.397-2.678-.723-3.488c-.324-.805-.7-1.201-1.094-1.397c-.407-.203-1.008-.28-1.956-.087c-.941.193-2.123.634-3.61%201.341l-1.251.722l-4.866-8.428l1.822-1.052c1.215-.88%202.068-1.638%202.611-2.314s.722-1.2.718-1.636c-.004-.437-.191-.965-.751-1.646s-1.432-1.44-2.674-2.325l-1.726-.996l4.866-8.429l1.048.605c1.521.727%202.736%201.188%203.708%201.398c.98.213%201.609.147%202.034-.05c.405-.189.786-.572%201.114-1.361c.33-.797.572-1.925.73-3.465zm-7.882%2029.113c1.394-.645%202.626-1.103%203.707-1.325c1.185-.243%202.291-.222%203.25.256c.972.484%201.619%201.352%202.058%202.44c.433%201.076.696%202.447.862%204.083l.005.05v.178h5.837c.13-1.416.33-2.626.638-3.621c.374-1.21.94-2.213%201.847-2.84c.925-.64%202.033-.774%203.234-.599c1.174.171%202.528.648%204.073%201.352l2.89-5.006c-1.293-.916-2.326-1.784-3.055-2.644c-.796-.938-1.296-1.948-1.285-3.059c.01-1.108.528-2.113%201.332-3.05c.727-.846%201.745-1.702%203.012-2.607l-2.898-5.02c-1.483.685-2.788%201.158-3.926%201.354c-1.18.202-2.275.123-3.21-.428c-.934-.55-1.54-1.47-1.949-2.597c-.39-1.077-.632-2.428-.785-4.03h-5.755v.211l-.005.05c-.165%201.639-.433%203.01-.878%204.082c-.453%201.089-1.122%201.944-2.118%202.407c-.976.454-2.099.453-3.3.192c-1.047-.227-2.234-.667-3.57-1.278l-2.897%205.017l.076.044l.038.027c1.32.936%202.37%201.825%203.098%202.712c.734.892%201.198%201.85%201.207%202.9s-.44%202.01-1.159%202.905c-.713.888-1.746%201.777-3.04%202.712l-.042.03l-.178.103z%22%2F%3E%3Cpath%20d%3D%22M24%2027a3%203%200%201%200%200-6a3%203%200%200%200%200%206m0%202a5%205%200%201%200%200-10a5%205%200%200%200%200%2010%22%2F%3E%3Cpath%20d%3D%22M24%2031a7%207%200%201%200%200-14a7%207%200%200%200%200%2014m0%202a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M19.134%205.603h9.732v1.663c.147%201.605.371%202.811.688%203.685c.318.877.694%201.326%201.083%201.555c.387.228.952.336%201.857.18c.905-.155%202.053-.558%203.51-1.235l1.496-.864l4.866%208.429l-1.207.696c-1.384.963-2.365%201.788-2.997%202.523c-.634.738-.845%201.304-.85%201.766c-.004.458.193%201.017.812%201.746c.617.729%201.588%201.547%202.97%202.503l1.272.735l-.519.899l-4.347%207.53l-1.56-.901c-1.485-.677-2.64-1.065-3.538-1.196c-.892-.13-1.435.006-1.808.264c-.39.27-.767.792-1.074%201.786c-.307.992-.51%202.344-.63%204.123h-.024v.908h-9.732v-2.076c-.159-1.541-.397-2.678-.723-3.488c-.324-.805-.7-1.201-1.094-1.397c-.407-.203-1.008-.28-1.956-.087c-.941.193-2.123.634-3.61%201.341l-1.251.722l-4.866-8.428l1.822-1.052c1.215-.88%202.068-1.638%202.611-2.314s.722-1.2.718-1.636c-.004-.437-.191-.965-.751-1.646s-1.432-1.44-2.674-2.325l-1.726-.996l4.866-8.429l1.048.605c1.521.727%202.736%201.188%203.708%201.398c.98.213%201.609.147%202.034-.05c.405-.189.786-.572%201.114-1.361c.33-.797.572-1.925.73-3.465zm-7.882%2029.113c1.394-.645%202.626-1.103%203.707-1.325c1.185-.243%202.291-.222%203.25.256c.972.484%201.619%201.352%202.058%202.44c.433%201.076.696%202.447.862%204.083l.005.05v.178h5.837c.13-1.416.33-2.626.638-3.621c.374-1.21.94-2.213%201.847-2.84c.925-.64%202.033-.774%203.234-.599c1.174.171%202.528.648%204.073%201.352l2.89-5.006c-1.293-.916-2.326-1.784-3.055-2.644c-.796-.938-1.296-1.948-1.285-3.059c.01-1.108.528-2.113%201.332-3.05c.727-.846%201.745-1.702%203.012-2.607l-2.898-5.02c-1.483.685-2.788%201.158-3.926%201.354c-1.18.202-2.275.123-3.21-.428c-.934-.55-1.54-1.47-1.949-2.597c-.39-1.077-.632-2.428-.785-4.03h-5.755v.211l-.005.05c-.165%201.639-.433%203.01-.878%204.082c-.453%201.089-1.122%201.944-2.118%202.407c-.976.454-2.099.453-3.3.192c-1.047-.227-2.234-.667-3.57-1.278l-2.897%205.017l.076.044l.038.027c1.32.936%202.37%201.825%203.098%202.712c.734.892%201.198%201.85%201.207%202.9s-.44%202.01-1.159%202.905c-.713.888-1.746%201.777-3.04%202.712l-.042.03l-.178.103z%22%2F%3E%3Cpath%20d%3D%22M24%2027a3%203%200%201%200%200-6a3%203%200%200%200%200%206m0%202a5%205%200%201%200%200-10a5%205%200%200%200%200%2010%22%2F%3E%3Cpath%20d%3D%22M24%2031a7%207%200%201%200%200-14a7%207%200%200%200%200%2014m0%202a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/ui-settings-outline.svg?color=%231a73e8&size=48
