Add icons to this collection by clicking the heart icon.
Customization icon - also known as pencil, wrench, settings, ui, customization, customize, and art and design. Created in a clean lineal color style with a white, silver, gray, black, blue, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-5.858 5.858-5.858 15.355 0 21.213 5.858 5.857 15.355 5.857 21.213 0C27.07 15.355 27.07 5.858 21.212 0 15.355-5.858 5.858-5.858 0 0m-278.955 236.529 257.74-257.74c17.579-17.579 46.068-17.572 63.64 0a44.862 44.862 0 0 1 8.796 12.416l-287.75 287.75z"
transform="translate(448.894 41.893)"
fill="#9cb5bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.858 5.858 5.857 15.355-.001 21.213-5.858 5.859-15.355 5.859-21.213.001-5.854-5.854-5.857-15.341-.012-21.2l-29.948 29.948-206.568 248.994 21.213 21.213 257.74-257.74C35.071 28.57 37.998 7.936 30.008-8.794 13.287-16.779-7.331-13.859-21.19-.021-15.331-5.856-5.85-5.85 0 0"
transform="translate(470.107 41.892)"
fill="#b9d8dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 191.464-191.464a44.93 44.93 0 0 1-12.261-8.708 44.915 44.915 0 0 1-8.87-12.588L-21.213-21.213Z"
transform="translate(248.478 284.492)"
fill="#d6faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 166.41-166.41c17.574-17.574 17.575-46.065.002-63.639-17.574-17.573-46.067-17.573-63.64 0L-42.425-84.852"
transform="translate(324.909 250.729)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c5.858 5.858 15.355 5.857 21.213-.001 5.859-5.858 5.859-15.355.001-21.213-5.858-5.858-15.356-5.858-21.214 0C-5.858-15.356-5.858-5.858 0 0Z"
transform="translate(448.893 63.107)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 136.367-136.367a44.913 44.913 0 0 1-12.262-8.708 44.913 44.913 0 0 1-8.869-12.587L-21.213-21.213"
transform="translate(303.575 229.395)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 67.136-17.658 64.069 64.069c11.659 11.659 11.659 30.738 0 42.397l-21.198 21.198z"
transform="translate(364.55 375.157)"
fill="#464e54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 10.592-10.592c11.659-11.659 11.659-30.738 0-42.397l-88.808-88.808-28.25 77.728L-42.397 0C-30.738 11.659-11.659 11.659 0 0"
transform="translate(463.965 495.756)"
fill="#637176"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 82.569-117.472-56.622-14.088C-9.748-96.05-18.378-43.721 0 0"
transform="translate(16.877 431.044)"
fill="#637176"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c34.966 3.981 71.739-7.788 98.63-34.538.149-.149-31.992-60.384-31.992-60.384Z"
transform="translate(113.899 503.728)"
fill="#809399"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 80.78-80.78-21.213-21.213L-33.566-8.86A119.916 119.916 0 0 0 0 0"
transform="translate(113.899 503.728)"
fill="#637176"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.904-31.247 11.501-74.801 47.16-110.347l52.86 10.327z"
transform="translate(16.877 431.044)"
fill="#809399"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c23.434-23.434 54.206-34.422 84.906-35.197 14.856-.374 59.367-3.01 59.367-3.01l63.639 63.64s-3.023 44.84-3.455 59.812c-.88 30.492-11.615 61.084-34.758 84.454z"
transform="translate(42.824 299.484)"
fill="#9cb5bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 15.91 5.303 5.303 15.91 21.213 21.213L63.64 21.213 42.426 0l-15.91-5.303-5.303-15.91L0-42.426l-21.213 21.213Z"
transform="translate(137.884 352.464)"
fill="#b9d8dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 21.213-21.213L42.426 0 21.213 21.213Z"
transform="translate(137.884 352.464)"
fill="#d6faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 169.706 169.706"
transform="translate(42.877 299.43)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 63.64 63.64-21.214 21.213-63.639-63.64Z"
transform="translate(137.886 310.036)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 21.213-21.213"
transform="translate(137.886 352.462)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 21.213-21.213"
transform="translate(159.099 373.676)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-44.511 2.636-59.367 3.011c-30.7.777-61.42 11.71-84.852 35.142-35.695 35.509-44.38 87.89-26.002 131.617l78.671-78.671"
transform="translate(187.096 261.277)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-78.687 78.687c43.641 18.636 96.096 10.234 131.806-25.289C76.551 29.966 87.374-.758 88.259-31.456c.432-14.971 3.457-59.811 3.457-59.811"
transform="translate(159.018 416.183)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 7.941-29.153-60.974-23.88z"
transform="translate(60.533 60.533)"
fill="#292c32"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 35.962-14.751-9.476-11.737-50.366-34.486Z"
transform="translate(31.38 68.474)"
fill="#464e54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 7.941-50.368-60.973-23.878L-63.64-63.64Z"
transform="translate(121.506 105.626)"
fill="#ff986d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 65.117-22.691-12.112-30.314L2.609-87.461l-26.487 26.488Z"
transform="translate(55.258 129.448)"
fill="#ffc295"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 53.004-53.003 33.918 8.48 273.975 273.974-86.921 44.525z"
transform="translate(55.26 129.446)"
fill="#2275ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-42.397l-273.976-273.975-21.198 21.198z"
transform="translate(403.422 371.632)"
fill="#2a51ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 21.198-21.198-28.264-28.265-21.199 21.198-7.08 35.346z"
transform="translate(410.488 378.698)"
fill="#d6faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 52.989-52.989 28.264 28.265-52.988 52.989Z"
transform="translate(329.235 403.422)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-74.187 74.187"
transform="translate(403.422 329.235)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-74.202 74.202"
transform="translate(431.687 357.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-366.309-366.309-47.759-121.947 121.947 47.76L74.187-74.187c11.659 11.659 11.659 30.738 0 42.397L42.397 0C30.738 11.659 11.659 11.659 0 0Z"
transform="translate(421.568 495.756)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 74.187-74.187"
transform="translate(55.26 129.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 37.094-37.094"
transform="translate(31.38 68.474)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category