Add icons to this collection by clicking the heart icon.
Design icon - also known as pencil, pen, ruler, design, ui, creative, and art and design. Created in a clean lineal color style with a silver, gray, black, red, maroon, yellow, teal, orange, 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="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="evenodd">
<path
fill="#37474F"
fill-rule="nonzero"
d="m16.49 46.52-4.678 2.339a.5.5 0 0 1-.671-.671l2.339-4.678c.75.17 3.06-.673 3.582-.151.522.522-.742 2.411-.572 3.161Z"
/>
<path
fill="#FEC108"
fill-rule="nonzero"
d="M42.9 43.49c.051-.134.13-.257.23-.36a1 1 0 0 1 1.41 0l2.89 2.89-.59-7.67a41.727 41.727 0 0 1-9.19-6.36l-.67-.66c.227.225.416.485.56.77l-.76.76-4.68 4.68a2.976 2.976 0 0 1-.77-.56l.66.67a39.123 39.123 0 0 1 5.93 8.39c.28.5.43.8.43.8l7.67.59-2.89-2.89a1 1 0 0 1-.23-1.05Zm-1.72-2.31a1 1 0 1 1-1.418-1.41 1 1 0 0 1 1.418 1.41Z"
/>
<path
fill="#FFDC00"
fill-rule="nonzero"
d="m44.43 45.02-.16-2.08-.43-5.59a46.583 46.583 0 0 1-7.06-4.49l-4.68 4.68a2.976 2.976 0 0 1-.77-.56l.66.67a39.123 39.123 0 0 1 5.93 8.39l8.034.96-1.524-1.98Z"
/>
<path
fill="#F3D55B"
fill-rule="nonzero"
d="m36.63 36.63-1.81-1.81 2.72-2.72a3.934 3.934 0 0 1-.91 4.53Z"
/>
<path
fill="#F0C419"
fill-rule="nonzero"
d="M36.63 36.63a3.934 3.934 0 0 1-4.53.91l2.72-2.72 1.81 1.81Z"
/>
<path
fill="#BB193B"
fill-rule="nonzero"
d="M36.63 36.63a4.136 4.136 0 0 1-3.29 1.26 3.2 3.2 0 0 1-2.01-.91l-4.15-4.15L24.35 30 11.22 16.87a3 3 0 0 1 0-4.24l1.41-1.41a3 3 0 0 1 4.24 0l20.11 20.11c.227.225.416.485.56.77a3.934 3.934 0 0 1-.91 4.53Z"
/>
<path
fill="#EF314C"
fill-rule="nonzero"
d="M33.63 37.63a3.584 3.584 0 0 1-.29.26 3.2 3.2 0 0 1-2.01-.91l-4.15-4.15L24.35 30 11.22 16.87a3 3 0 0 1 0-4.24l1.2-1.2c.549.12 1.052.393 1.45.79l20.11 20.11c.227.225.416.485.56.77a3.934 3.934 0 0 1-.91 4.53Z"
/>
<rect
width="6"
height="6"
x="1"
y="1"
fill="#0377BC"
fill-rule="nonzero"
rx="1"
/>
<rect
width="6"
height="6"
x="27"
y="1"
fill="#0377BC"
fill-rule="nonzero"
rx="1"
/>
<rect
width="6"
height="6"
x="53"
y="1"
fill="#0377BC"
fill-rule="nonzero"
rx="1"
/>
<rect
width="6"
height="6"
x="1"
y="27"
fill="#0377BC"
fill-rule="nonzero"
rx="1"
/>
<rect
width="6"
height="6"
x="53"
y="27"
fill="#0377BC"
fill-rule="nonzero"
rx="1"
/>
<rect
width="6"
height="6"
x="1"
y="53"
fill="#0377BC"
fill-rule="nonzero"
rx="1"
/>
<rect
width="4"
height="6"
x="1"
y="1"
fill="#02A9F4"
fill-rule="nonzero"
rx="1"
/>
<rect
width="4"
height="6"
x="1"
y="27"
fill="#02A9F4"
fill-rule="nonzero"
rx="1"
/>
<rect
width="4"
height="6"
x="1"
y="53"
fill="#02A9F4"
fill-rule="nonzero"
rx="1"
/>
<rect
width="6"
height="6"
x="27"
y="53"
fill="#0377BC"
fill-rule="nonzero"
rx="1"
/>
<rect
width="4"
height="6"
x="27"
y="1"
fill="#02A9F4"
fill-rule="nonzero"
rx="1"
/>
<rect
width="4"
height="6"
x="27"
y="53"
fill="#02A9F4"
fill-rule="nonzero"
rx="1"
/>
<rect
width="6"
height="6"
x="53"
y="53"
fill="#0377BC"
fill-rule="nonzero"
rx="1"
/>
<rect
width="4"
height="6"
x="53"
y="1"
fill="#02A9F4"
fill-rule="nonzero"
rx="1"
/>
<rect
width="4"
height="6"
x="53"
y="27"
fill="#02A9F4"
fill-rule="nonzero"
rx="1"
/>
<rect
width="4"
height="6"
x="53"
y="53"
fill="#02A9F4"
fill-rule="nonzero"
rx="1"
/>
<path
fill="#BB193B"
fill-rule="nonzero"
d="m48.65 17-6.25 6.26-1.96-2.04-3.58-3.72L43 11.35a2.99 2.99 0 0 1 3.92-.27c.116.079.223.169.32.27l1.41 1.41a3 3 0 0 1 0 4.24Z"
/>
<path
fill="#EF314C"
fill-rule="nonzero"
d="m46.65 15-6.21 6.22-3.58-3.72L43 11.35a2.99 2.99 0 0 1 3.92-.27 2.99 2.99 0 0 1-.27 3.92Z"
/>
<path
fill="#DFC49C"
fill-rule="nonzero"
d="m21.78 43.87-5.29 2.65a3.989 3.989 0 0 0-3.01-3.01l.61-1.21 2.04-4.08c.61.2 3.75.39 4.68.7A.9.9 0 0 1 21 39c1.76 1.09.11 2.86.78 4.87Z"
/>
<path
fill="#FFE0B2"
fill-rule="nonzero"
d="m20.78 41.87-5.29 2.65a3.9 3.9 0 0 0-1.4-2.22l2.04-4.08c.61.2 3.75.39 4.68.7a6.631 6.631 0 0 0-.03 2.95Z"
/>
<path
fill="#D75E72"
fill-rule="nonzero"
d="M36.75 17.61a.53.53 0 0 0-.12.1"
/>
<path d="m34 34 .82.82 1.81 1.81" />
<path
fill="#FFDC00"
fill-rule="nonzero"
d="m42.4 23.26-.11.11-20.51 20.5a8.956 8.956 0 0 0-5.65-5.65l20.62-20.61a.573.573 0 0 1 .11-.11 2.994 2.994 0 0 1 4.01.21l.71.71.71.71a3 3 0 0 1 .11 4.13Z"
/>
<path
fill="#FEC108"
fill-rule="nonzero"
d="m42.4 23.26-.11.11-20.51 20.5a8.821 8.821 0 0 0-2.16-3.49l21.96-21.96.71.71a3 3 0 0 1 .11 4.13Z"
/>
<path
fill="#000"
fill-rule="nonzero"
d="M6 8H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2ZM2 2v4h4V2H2ZM32 8h-4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2Zm-4-6v4h4V2h-4ZM58 8h-4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2Zm-4-6v4h4V2h-4ZM6 34H2a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2Zm-4-6v4h4v-4H2ZM58 34h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2Zm-4-6v4h4v-4h-4ZM6 60H2a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2Zm-4-6v4h4v-4H2ZM32 60h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2Zm-4-6v4h4v-4h-4ZM58 60h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2Zm-4-6v4h4v-4h-4Z"
/>
<path
fill="#000"
fill-rule="nonzero"
d="M4 9.5a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0v1.5a1 1 0 0 1-1 1ZM4 22.453a1 1 0 0 1-1-1v-2.429a1 1 0 0 1 2 0v2.429a1 1 0 0 1-1 1Zm0-6.476a1 1 0 0 1-1-1v-2.429a1 1 0 0 1 2 0v2.429a1 1 0 0 1-1 1ZM4 28a1 1 0 0 1-1-1v-1.5a1 1 0 0 1 2 0V27a1 1 0 0 1-1 1ZM4 35.5a1 1 0 0 1-1-1V33a1 1 0 0 1 2 0v1.5a1 1 0 0 1-1 1ZM4 48.453a1 1 0 0 1-1-1v-2.429a1 1 0 0 1 2 0v2.429a1 1 0 0 1-1 1Zm0-6.476a1 1 0 0 1-1-1v-2.429a1 1 0 0 1 2 0v2.429a1 1 0 0 1-1 1ZM4 54a1 1 0 0 1-1-1v-1.5a1 1 0 0 1 2 0V53a1 1 0 0 1-1 1ZM56 9.5a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v1.5a1 1 0 0 1-1 1ZM56 22.453a1 1 0 0 1-1-1v-2.429a1 1 0 0 1 2 0v2.429a1 1 0 0 1-1 1Zm0-6.476a1 1 0 0 1-1-1v-2.429a1 1 0 0 1 2 0v2.429a1 1 0 0 1-1 1ZM56 28a1 1 0 0 1-1-1v-1.5a1 1 0 0 1 2 0V27a1 1 0 0 1-1 1ZM56 35.5a1 1 0 0 1-1-1V33a1 1 0 0 1 2 0v1.5a1 1 0 0 1-1 1ZM56 48.453a1 1 0 0 1-1-1v-2.429a1 1 0 0 1 2 0v2.429a1 1 0 0 1-1 1Zm0-6.476a1 1 0 0 1-1-1v-2.429a1 1 0 0 1 2 0v2.429a1 1 0 0 1-1 1ZM56 54a1 1 0 0 1-1-1v-1.5a1 1 0 0 1 2 0V53a1 1 0 0 1-1 1ZM53 5h-1.5a1 1 0 0 1 0-2H53a1 1 0 0 1 0 2ZM47.452 5h-2.429a1 1 0 0 1 0-2h2.429a1 1 0 0 1 0 2Zm-6.476 0h-2.429a1 1 0 0 1 0-2h2.429a1 1 0 0 1 0 2ZM34.5 5H33a1 1 0 0 1 0-2h1.5a1 1 0 0 1 0 2ZM27 5h-1.5a1 1 0 0 1 0-2H27a1 1 0 0 1 0 2ZM21.452 5h-2.429a1 1 0 0 1 0-2h2.429a1 1 0 0 1 0 2Zm-6.476 0h-2.429a1 1 0 0 1 0-2h2.429a1 1 0 0 1 0 2ZM8.5 5H7a1 1 0 1 1 0-2h1.5a1 1 0 1 1 0 2ZM53 57h-1.5a1 1 0 0 1 0-2H53a1 1 0 0 1 0 2ZM47.452 57h-2.429a1 1 0 0 1 0-2h2.429a1 1 0 0 1 0 2Zm-6.476 0h-2.429a1 1 0 0 1 0-2h2.429a1 1 0 0 1 0 2ZM34.5 57H33a1 1 0 0 1 0-2h1.5a1 1 0 0 1 0 2ZM27 57h-1.5a1 1 0 0 1 0-2H27a1 1 0 0 1 0 2ZM21.452 57h-2.429a1 1 0 0 1 0-2h2.429a1 1 0 0 1 0 2Zm-6.476 0h-2.429a1 1 0 0 1 0-2h2.429a1 1 0 0 1 0 2ZM8.5 57H7a1 1 0 0 1 0-2h1.5a1 1 0 0 1 0 2ZM10.469 50.531a1 1 0 0 1-.895-1.447l5.657-11.314a1 1 0 0 1 .187-.26l26.871-26.869a4.093 4.093 0 0 1 5.656 0l1.414 1.414a4 4 0 0 1 0 5.656L22.49 44.582a1 1 0 0 1-.26.187l-11.314 5.657a1 1 0 0 1-.447.105Zm6.478-11.721-4.242 8.49 8.485-4.242L47.945 16.3a2 2 0 0 0 0-2.828l-1.414-1.414a2.047 2.047 0 0 0-2.828 0L16.947 38.81Z"
/>
<path
fill="#000"
fill-rule="nonzero"
d="M42.289 24.368a1 1 0 0 1-.707-1.707 2 2 0 0 0 0-2.828l-1.415-1.415a2 2 0 0 0-2.828 0A1.001 1.001 0 0 1 35.925 17a4.006 4.006 0 0 1 5.657 0L43 18.418a4.006 4.006 0 0 1 0 5.657 1 1 0 0 1-.711.293ZM24.35 31a1 1 0 0 1-.707-.293l-13.13-13.13a4 4 0 0 1 0-5.654l1.41-1.41a4 4 0 0 1 5.654 0l13.13 13.13a1 1 0 1 1-1.414 1.414l-13.13-13.13a2.048 2.048 0 0 0-2.826 0l-1.41 1.41a2 2 0 0 0 0 2.826l13.13 13.13A1 1 0 0 1 24.35 31ZM37.65 32.99a1 1 0 0 1-.7-.287l-2.005-2a1 1 0 0 1 1.414-1.414l1.995 1.985a1 1 0 0 1-.7 1.712l-.004.004ZM31.99 38.65a1 1 0 0 1-.712-.3l-1.985-1.995a1 1 0 0 1 1.414-1.414l2 2.005a1 1 0 0 1-.713 1.7l-.004.004ZM21.783 44.875a1 1 0 0 1-.949-.684 7.984 7.984 0 0 0-5.025-5.025 1.001 1.001 0 0 1 .633-1.9 9.987 9.987 0 0 1 6.289 6.289 1 1 0 0 1-.948 1.317v.003ZM16.492 47.519a1 1 0 0 1-.974-.779 3.008 3.008 0 0 0-2.258-2.258 1 1 0 0 1 .442-1.95 5.016 5.016 0 0 1 3.766 3.768 1 1 0 0 1-.976 1.221v-.002Z"
/>
<path
fill="#000"
fill-rule="nonzero"
d="M19.661 41.339a1 1 0 0 1-.707-1.707l10.607-10.607a1 1 0 0 1 1.414 1.414L20.368 41.046a1 1 0 0 1-.707.293ZM33.1 27.9a1 1 0 0 1-.707-1.707l8.486-8.486a1 1 0 0 1 1.414 1.414l-8.493 8.49a1 1 0 0 1-.7.289ZM47.545 48.545h-.077l-9.192-.707a1 1 0 0 1-.818-.55 40.941 40.941 0 0 0-6.176-8.932 1.003 1.003 0 1 1 1.418-1.418 41.036 41.036 0 0 1 6.288 8.945l7.474.575-.575-7.474a41.036 41.036 0 0 1-8.949-6.284 1 1 0 1 1 1.415-1.414 40.941 40.941 0 0 0 8.932 6.176 1 1 0 0 1 .55.818l.707 9.192a1 1 0 0 1-1 1.077l.003-.004Z"
/>
<circle cx="40.474" cy="40.474" r="1" fill="#000" fill-rule="nonzero" />
<path
fill="#000"
fill-rule="nonzero"
d="M48.075 49.075a.993.993 0 0 1-.707-.293l-4.242-4.242a1 1 0 0 1 1.414-1.414l4.242 4.242a1 1 0 0 1-.707 1.707Z"
/>
</g>
</svg>
More icons in the same style and category