settings edit icon
settings-edit from Carbon by IBM · Outline · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- settings-edit
- Set
- Carbon
- Style
- Outline
- Category
- Actions
- Viewbox
- 32×32
- License
- Apache 2.0
More actions icons from Carbon
activity-taskadapter-notificationaddadd-altadd-commentadd-largealign-box-bottom-centeralign-box-bottom-leftalign-box-bottom-rightalign-box-middle-centeralign-box-middle-leftalign-box-middle-rightalign-box-top-centeralign-box-top-leftalign-box-top-rightalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-vertical-bottomalign-vertical-centeralign-vertical-topappsareaarea-custom
Use the settings edit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m31.707 19.293l-3-3a1 1 0 0 0-1.414 0L18 25.586V30h4.414l9.293-9.293a1 1 0 0 0 0-1.414M21.586 28H20v-1.586l5-5L26.586 23zM28 21.586L26.414 20L28 18.414L29.586 20zM16 22c-3.364 0-6-2.636-6-6s2.636-6 6-6s6 2.636 6 6s-2.636 6-6 6m0-10c-2.28 0-4 1.72-4 4s1.72 4 4 4s4-1.72 4-4s-1.72-4-4-4"/><path fill="currentColor" d="m27.547 12l1.733-1l-2.336-4.044a2 2 0 0 0-2.373-.894l-2.434.823a11 11 0 0 0-1.312-.758l-.503-2.52A2 2 0 0 0 18.36 2h-4.72a2 2 0 0 0-1.962 1.608l-.503 2.519c-.46.224-.906.469-1.327.753l-2.42-.818a2 2 0 0 0-2.373.894l-2.36 4.088a2 2 0 0 0 .412 2.502l1.931 1.697C5.021 15.495 5 15.745 5 16q0 .387.028.766l-1.92 1.688a2 2 0 0 0-.413 2.502l2.36 4.088a2 2 0 0 0 2.374.894l2.434-.823q.627.423 1.312.758l.503 2.519A2 2 0 0 0 13.64 30H16v-2h-2.36l-.71-3.55a9.1 9.1 0 0 1-2.695-1.572l-3.447 1.166l-2.36-4.088l2.725-2.395a8.9 8.9 0 0 1-.007-3.128l-2.719-2.39l2.361-4.087l3.427 1.16A9 9 0 0 1 12.93 7.55L13.64 4h4.721l.71 3.55a9.1 9.1 0 0 1 2.695 1.572l3.447-1.166z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonSettingsEdit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m31.707 19.293l-3-3a1 1 0 0 0-1.414 0L18 25.586V30h4.414l9.293-9.293a1 1 0 0 0 0-1.414M21.586 28H20v-1.586l5-5L26.586 23zM28 21.586L26.414 20L28 18.414L29.586 20zM16 22c-3.364 0-6-2.636-6-6s2.636-6 6-6s6 2.636 6 6s-2.636 6-6 6m0-10c-2.28 0-4 1.72-4 4s1.72 4 4 4s4-1.72 4-4s-1.72-4-4-4"/><path fill="currentColor" d="m27.547 12l1.733-1l-2.336-4.044a2 2 0 0 0-2.373-.894l-2.434.823a11 11 0 0 0-1.312-.758l-.503-2.52A2 2 0 0 0 18.36 2h-4.72a2 2 0 0 0-1.962 1.608l-.503 2.519c-.46.224-.906.469-1.327.753l-2.42-.818a2 2 0 0 0-2.373.894l-2.36 4.088a2 2 0 0 0 .412 2.502l1.931 1.697C5.021 15.495 5 15.745 5 16q0 .387.028.766l-1.92 1.688a2 2 0 0 0-.413 2.502l2.36 4.088a2 2 0 0 0 2.374.894l2.434-.823q.627.423 1.312.758l.503 2.519A2 2 0 0 0 13.64 30H16v-2h-2.36l-.71-3.55a9.1 9.1 0 0 1-2.695-1.572l-3.447 1.166l-2.36-4.088l2.725-2.395a8.9 8.9 0 0 1-.007-3.128l-2.719-2.39l2.361-4.087l3.427 1.16A9 9 0 0 1 12.93 7.55L13.64 4h4.721l.71 3.55a9.1 9.1 0 0 1 2.695 1.572l3.447-1.166z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m31.707 19.293l-3-3a1 1 0 0 0-1.414 0L18 25.586V30h4.414l9.293-9.293a1 1 0 0 0 0-1.414M21.586 28H20v-1.586l5-5L26.586 23zM28 21.586L26.414 20L28 18.414L29.586 20zM16 22c-3.364 0-6-2.636-6-6s2.636-6 6-6s6 2.636 6 6s-2.636 6-6 6m0-10c-2.28 0-4 1.72-4 4s1.72 4 4 4s4-1.72 4-4s-1.72-4-4-4"/><path fill="currentColor" d="m27.547 12l1.733-1l-2.336-4.044a2 2 0 0 0-2.373-.894l-2.434.823a11 11 0 0 0-1.312-.758l-.503-2.52A2 2 0 0 0 18.36 2h-4.72a2 2 0 0 0-1.962 1.608l-.503 2.519c-.46.224-.906.469-1.327.753l-2.42-.818a2 2 0 0 0-2.373.894l-2.36 4.088a2 2 0 0 0 .412 2.502l1.931 1.697C5.021 15.495 5 15.745 5 16q0 .387.028.766l-1.92 1.688a2 2 0 0 0-.413 2.502l2.36 4.088a2 2 0 0 0 2.374.894l2.434-.823q.627.423 1.312.758l.503 2.519A2 2 0 0 0 13.64 30H16v-2h-2.36l-.71-3.55a9.1 9.1 0 0 1-2.695-1.572l-3.447 1.166l-2.36-4.088l2.725-2.395a8.9 8.9 0 0 1-.007-3.128l-2.719-2.39l2.361-4.087l3.427 1.16A9 9 0 0 1 12.93 7.55L13.64 4h4.721l.71 3.55a9.1 9.1 0 0 1 2.695 1.572l3.447-1.166z"/></svg> </template>
CSS
.icon-settings-edit {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m31.707%2019.293l-3-3a1%201%200%200%200-1.414%200L18%2025.586V30h4.414l9.293-9.293a1%201%200%200%200%200-1.414M21.586%2028H20v-1.586l5-5L26.586%2023zM28%2021.586L26.414%2020L28%2018.414L29.586%2020zM16%2022c-3.364%200-6-2.636-6-6s2.636-6%206-6s6%202.636%206%206s-2.636%206-6%206m0-10c-2.28%200-4%201.72-4%204s1.72%204%204%204s4-1.72%204-4s-1.72-4-4-4%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m27.547%2012l1.733-1l-2.336-4.044a2%202%200%200%200-2.373-.894l-2.434.823a11%2011%200%200%200-1.312-.758l-.503-2.52A2%202%200%200%200%2018.36%202h-4.72a2%202%200%200%200-1.962%201.608l-.503%202.519c-.46.224-.906.469-1.327.753l-2.42-.818a2%202%200%200%200-2.373.894l-2.36%204.088a2%202%200%200%200%20.412%202.502l1.931%201.697C5.021%2015.495%205%2015.745%205%2016q0%20.387.028.766l-1.92%201.688a2%202%200%200%200-.413%202.502l2.36%204.088a2%202%200%200%200%202.374.894l2.434-.823q.627.423%201.312.758l.503%202.519A2%202%200%200%200%2013.64%2030H16v-2h-2.36l-.71-3.55a9.1%209.1%200%200%201-2.695-1.572l-3.447%201.166l-2.36-4.088l2.725-2.395a8.9%208.9%200%200%201-.007-3.128l-2.719-2.39l2.361-4.087l3.427%201.16A9%209%200%200%201%2012.93%207.55L13.64%204h4.721l.71%203.55a9.1%209.1%200%200%201%202.695%201.572l3.447-1.166z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m31.707%2019.293l-3-3a1%201%200%200%200-1.414%200L18%2025.586V30h4.414l9.293-9.293a1%201%200%200%200%200-1.414M21.586%2028H20v-1.586l5-5L26.586%2023zM28%2021.586L26.414%2020L28%2018.414L29.586%2020zM16%2022c-3.364%200-6-2.636-6-6s2.636-6%206-6s6%202.636%206%206s-2.636%206-6%206m0-10c-2.28%200-4%201.72-4%204s1.72%204%204%204s4-1.72%204-4s-1.72-4-4-4%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m27.547%2012l1.733-1l-2.336-4.044a2%202%200%200%200-2.373-.894l-2.434.823a11%2011%200%200%200-1.312-.758l-.503-2.52A2%202%200%200%200%2018.36%202h-4.72a2%202%200%200%200-1.962%201.608l-.503%202.519c-.46.224-.906.469-1.327.753l-2.42-.818a2%202%200%200%200-2.373.894l-2.36%204.088a2%202%200%200%200%20.412%202.502l1.931%201.697C5.021%2015.495%205%2015.745%205%2016q0%20.387.028.766l-1.92%201.688a2%202%200%200%200-.413%202.502l2.36%204.088a2%202%200%200%200%202.374.894l2.434-.823q.627.423%201.312.758l.503%202.519A2%202%200%200%200%2013.64%2030H16v-2h-2.36l-.71-3.55a9.1%209.1%200%200%201-2.695-1.572l-3.447%201.166l-2.36-4.088l2.725-2.395a8.9%208.9%200%200%201-.007-3.128l-2.719-2.39l2.361-4.087l3.427%201.16A9%209%200%200%201%2012.93%207.55L13.64%204h4.721l.71%203.55a9.1%209.1%200%200%201%202.695%201.572l3.447-1.166z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/settings-edit.svg?color=%231a73e8&size=48
