Add icons to this collection by clicking the heart icon.
Procedure icon - also known as setting, gear, process, cogwheel, management, workflow, business and finance, and procedure. Created in a clean gradient style with a white 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="b"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5ab267" />
<stop offset="1" stop-color="#3c964a" />
</linearGradient>
<linearGradient
id="c"
x1="87.044"
x2="265.9"
y1="187.008"
y2="187.008"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdf40" />
<stop offset="1" stop-color="#ffbe40" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#f36a3d" />
<stop offset="1" stop-color="#ec4c36" />
</linearGradient>
<linearGradient
id="d"
x1="295.599"
x2="354.998"
y1="286.006"
y2="286.006"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="295.599"
x2="354.998"
y1="187.008"
y2="187.008"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="295.599"
x2="354.998"
y1="385.003"
y2="385.003"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#b)" />
<path
fill="#e1e6f0"
d="m391.158 351.205-13.999 13.999 9.9 9.9h-41.961v19.799h41.961l-9.9 9.9 13.999 13.999 33.798-33.799z"
/>
<path fill="#f3f5f9" d="M256 177.108h49.499v19.799H256z" />
<path
fill="#e1e6f0"
d="M364.897 295.905h-19.8v-19.799h19.8c21.83 0 39.599-17.76 39.599-39.599 0-21.84-17.769-39.599-39.599-39.599h-19.8v-19.799h19.8c32.754 0 59.399 26.644 59.399 59.399s-26.644 59.397-59.399 59.397z"
/>
<path
fill="#f3f5f9"
d="M305.499 394.903h-19.8c-32.754 0-59.399-26.644-59.399-59.399s26.644-59.399 59.399-59.399h19.8v19.799h-19.8c-21.83 0-39.599 17.76-39.599 39.599s17.769 39.599 39.599 39.599h19.8z"
/>
<path
fill="url(#c)"
d="M265.9 216.707v-59.399h-26.741a68.903 68.903 0 0 0-5.472-9.426l13.38-23.183L195.615 95l-13.245 22.971a62.957 62.957 0 0 0-11.137 0L157.988 95l-51.452 29.699 13.38 23.183a68.903 68.903 0 0 0-5.472 9.426h-27.4v59.399h27.401a68.903 68.903 0 0 0 5.472 9.426l-13.38 23.183 51.452 29.699 13.245-22.971c3.674.329 7.463.329 11.137 0l13.245 22.971 51.452-29.699-13.38-23.183a68.903 68.903 0 0 0 5.472-9.426zm-89.098 0c-16.377 0-29.699-13.322-29.699-29.699s13.322-29.699 29.699-29.699 29.699 13.322 29.699 29.699-13.322 29.699-29.699 29.699z"
/>
<path
fill="url(#d)"
d="M325.298 315.705c-16.377 0-29.699-13.322-29.699-29.699s13.322-29.699 29.699-29.699 29.699 13.322 29.699 29.699c.001 16.377-13.322 29.699-29.699 29.699z"
/>
<path
fill="url(#e)"
d="M325.298 216.707c-16.377 0-29.699-13.322-29.699-29.699s13.322-29.699 29.699-29.699 29.699 13.322 29.699 29.699c.001 16.377-13.322 29.699-29.699 29.699z"
/>
<path
fill="url(#f)"
d="M325.298 414.703c-16.377 0-29.699-13.322-29.699-29.699s13.322-29.699 29.699-29.699 29.699 13.322 29.699 29.699c.001 16.376-13.322 29.699-29.699 29.699z"
/>
</svg>
More icons in the same style and category