outline app settings alt icon
outline-app-settings-alt from Google Material Icons by Material Design Authors · Baseline · Navigation · Apache-2.0 Free for personal and commercial use.
- Name
- outline-app-settings-alt
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Navigation
- Viewbox
- 24×24
- License
- Apache 2.0
More navigation icons from Google Material Icons
baseline-add-home-workbaseline-app-settings-altbaseline-appsbaseline-apps-outagebaseline-arrow-backbaseline-arrow-back-iosbaseline-arrow-back-ios-newbaseline-arrow-downwardbaseline-arrow-drop-downbaseline-arrow-drop-down-circlebaseline-arrow-drop-upbaseline-arrow-forwardbaseline-arrow-forward-iosbaseline-arrow-leftbaseline-arrow-rightbaseline-arrow-upwardbaseline-assistant-directionbaseline-campaignbaseline-cancelbaseline-checkbaseline-chevron-leftbaseline-chevron-rightbaseline-closebaseline-double-arrow
Use the outline app settings alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.81 12.74l-.82-.63v-.22l.8-.63c.16-.12.2-.34.1-.51l-.85-1.48a.4.4 0 0 0-.35-.2q-.075 0-.15.03l-.95.38c-.08-.05-.11-.07-.19-.11l-.15-1.01a.41.41 0 0 0-.4-.36h-1.71c-.2 0-.37.15-.4.34l-.14 1.01c-.03.02-.07.03-.1.05l-.09.06l-.95-.38a.4.4 0 0 0-.5.17l-.85 1.48c-.1.17-.06.39.1.51l.8.63v.23l-.8.63a.39.39 0 0 0-.1.51l.85 1.48c.07.13.21.2.35.2q.075 0 .15-.03l.95-.37c.08.05.12.07.2.11l.15 1.01c.03.2.2.34.4.34h1.71c.2 0 .37-.15.4-.34l.15-1.01c.03-.02.07-.03.1-.05l.09-.06l.95.38a.4.4 0 0 0 .5-.17l.85-1.48a.39.39 0 0 0-.1-.51M18 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5M17 18H7V6h10v1h2V3c0-1.1-.9-2-2-2H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2zM7 3h10v1H7zm10 18H7v-1h10z"/></svg>
React
import type { SVGProps } from "react";
export function IcOutlineAppSettingsAlt(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="m21.81 12.74l-.82-.63v-.22l.8-.63c.16-.12.2-.34.1-.51l-.85-1.48a.4.4 0 0 0-.35-.2q-.075 0-.15.03l-.95.38c-.08-.05-.11-.07-.19-.11l-.15-1.01a.41.41 0 0 0-.4-.36h-1.71c-.2 0-.37.15-.4.34l-.14 1.01c-.03.02-.07.03-.1.05l-.09.06l-.95-.38a.4.4 0 0 0-.5.17l-.85 1.48c-.1.17-.06.39.1.51l.8.63v.23l-.8.63a.39.39 0 0 0-.1.51l.85 1.48c.07.13.21.2.35.2q.075 0 .15-.03l.95-.37c.08.05.12.07.2.11l.15 1.01c.03.2.2.34.4.34h1.71c.2 0 .37-.15.4-.34l.15-1.01c.03-.02.07-.03.1-.05l.09-.06l.95.38a.4.4 0 0 0 .5-.17l.85-1.48a.39.39 0 0 0-.1-.51M18 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5M17 18H7V6h10v1h2V3c0-1.1-.9-2-2-2H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2zM7 3h10v1H7zm10 18H7v-1h10z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.81 12.74l-.82-.63v-.22l.8-.63c.16-.12.2-.34.1-.51l-.85-1.48a.4.4 0 0 0-.35-.2q-.075 0-.15.03l-.95.38c-.08-.05-.11-.07-.19-.11l-.15-1.01a.41.41 0 0 0-.4-.36h-1.71c-.2 0-.37.15-.4.34l-.14 1.01c-.03.02-.07.03-.1.05l-.09.06l-.95-.38a.4.4 0 0 0-.5.17l-.85 1.48c-.1.17-.06.39.1.51l.8.63v.23l-.8.63a.39.39 0 0 0-.1.51l.85 1.48c.07.13.21.2.35.2q.075 0 .15-.03l.95-.37c.08.05.12.07.2.11l.15 1.01c.03.2.2.34.4.34h1.71c.2 0 .37-.15.4-.34l.15-1.01c.03-.02.07-.03.1-.05l.09-.06l.95.38a.4.4 0 0 0 .5-.17l.85-1.48a.39.39 0 0 0-.1-.51M18 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5M17 18H7V6h10v1h2V3c0-1.1-.9-2-2-2H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2zM7 3h10v1H7zm10 18H7v-1h10z"/></svg> </template>
CSS
.icon-outline-app-settings-alt {
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%22m21.81%2012.74l-.82-.63v-.22l.8-.63c.16-.12.2-.34.1-.51l-.85-1.48a.4.4%200%200%200-.35-.2q-.075%200-.15.03l-.95.38c-.08-.05-.11-.07-.19-.11l-.15-1.01a.41.41%200%200%200-.4-.36h-1.71c-.2%200-.37.15-.4.34l-.14%201.01c-.03.02-.07.03-.1.05l-.09.06l-.95-.38a.4.4%200%200%200-.5.17l-.85%201.48c-.1.17-.06.39.1.51l.8.63v.23l-.8.63a.39.39%200%200%200-.1.51l.85%201.48c.07.13.21.2.35.2q.075%200%20.15-.03l.95-.37c.08.05.12.07.2.11l.15%201.01c.03.2.2.34.4.34h1.71c.2%200%20.37-.15.4-.34l.15-1.01c.03-.02.07-.03.1-.05l.09-.06l.95.38a.4.4%200%200%200%20.5-.17l.85-1.48a.39.39%200%200%200-.1-.51M18%2013.5c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5M17%2018H7V6h10v1h2V3c0-1.1-.9-2-2-2H7c-1.1%200-2%20.9-2%202v18c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2v-4h-2zM7%203h10v1H7zm10%2018H7v-1h10z%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%22m21.81%2012.74l-.82-.63v-.22l.8-.63c.16-.12.2-.34.1-.51l-.85-1.48a.4.4%200%200%200-.35-.2q-.075%200-.15.03l-.95.38c-.08-.05-.11-.07-.19-.11l-.15-1.01a.41.41%200%200%200-.4-.36h-1.71c-.2%200-.37.15-.4.34l-.14%201.01c-.03.02-.07.03-.1.05l-.09.06l-.95-.38a.4.4%200%200%200-.5.17l-.85%201.48c-.1.17-.06.39.1.51l.8.63v.23l-.8.63a.39.39%200%200%200-.1.51l.85%201.48c.07.13.21.2.35.2q.075%200%20.15-.03l.95-.37c.08.05.12.07.2.11l.15%201.01c.03.2.2.34.4.34h1.71c.2%200%20.37-.15.4-.34l.15-1.01c.03-.02.07-.03.1-.05l.09-.06l.95.38a.4.4%200%200%200%20.5-.17l.85-1.48a.39.39%200%200%200-.1-.51M18%2013.5c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5M17%2018H7V6h10v1h2V3c0-1.1-.9-2-2-2H7c-1.1%200-2%20.9-2%202v18c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2v-4h-2zM7%203h10v1H7zm10%2018H7v-1h10z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/outline-app-settings-alt.svg?color=%231a73e8&size=48
