Add icons to this collection by clicking the heart icon.
Design icon - also known as pencil, ruler, web, design, and art and design. Created in a clean flat style, 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 497 497"
>
<path
fill="#857e87"
d="M495.442 80 497 96v386c0 8.28-6.72 15-15 15H16l-1-1c-8.28 0-14-5.72-14-14L.518 80z"
/>
<path
fill="#6f6571"
d="M21.764 96H497V80L239.732 67.216 0 80v402c0 8.284 6.716 15 15 15h1V101.764A5.764 5.764 0 0 1 21.764 96z"
/>
<path
fill="#f9f8f9"
d="M497 15v65H0V15C0 6.72 6.72 0 15 0h467c8.28 0 15 6.72 15 15z"
/>
<path
fill="#ffe07d"
d="M372.854 120.622a8.66 8.66 0 0 0-12.249 0l-49.675 49.675-3.717 5.707-6.893 4.903-9.19 9.19-3.781 5.771-6.829 4.839-9.2 9.2-4.022 5.637-6.578 4.963-80.75 80.75-3.37 6.672-7.23 3.928-9.2 9.2-3.996 6.361-6.614 4.249-9.19 9.19-4.06 6.8-6.55 3.81-9.19 9.19-4.498 6.489-6.112 4.122-9.2 9.2-3.99 6.73-6.61 3.87v.01l-4.86 4.86-3.481 4.475c-3.384 3.382-4.385 7.868-1.002 11.251l43.719 42.719c3.383 3.383 6.867 5.383 10.249 2l279.79-279.791c3.383-3.383 5.383-6.867 2-10.249l-4.475-6.475zm-16.474 60.195c-5.67-5.66-5.67-14.84 0-20.5 5.66-5.67 14.84-5.67 20.5 0 5.66 5.66 5.66 14.84 0 20.5-5.661 5.67-14.841 5.67-20.5 0z"
/>
<g fill="#ffd064">
<path
d="m416.58 176.587-279.8 279.8a8.655 8.655 0 0 1-12.24 0l-43.72-43.72c-3.39-3.39-3.39-8.87 0-12.25l4.48-4.48 38.996 38.996a9 9 0 0 0 12.728 0L412.1 159.867l4.48 4.48a8.655 8.655 0 0 1 0 12.24z"
/>
<path
d="M302.36 251.527c-1.47 1.46-3.39 2.2-5.31 2.2s-3.83-.74-5.3-2.2l-30.89-30.87c-.05-.05-.1-.1-.14-.15l10.6-10.6c.05.04.1.09.15.14l30.89 30.87c2.919 2.93 2.929 7.68 0 10.61zM331.249 201.227c-1.46 1.46-3.38 2.19-5.3 2.19s-3.84-.73-5.31-2.19l-20.32-20.32 10.61-10.61 20.32 20.32a7.502 7.502 0 0 1 0 10.61zM311.449 221.027c-1.46 1.46-3.38 2.19-5.3 2.19s-3.84-.73-5.31-2.19l-20.32-20.32 10.61-10.61 20.32 20.32a7.5 7.5 0 0 1 0 10.61zM191.049 362.537c-1.46 1.47-3.38 2.2-5.3 2.2s-3.84-.73-5.3-2.19l-30.89-30.88 10.61-10.61 30.88 30.88c2.93 2.92 2.93 7.67 0 10.6zM200.289 332.177c-1.46 1.47-3.38 2.2-5.3 2.2s-3.84-.73-5.3-2.2l-20.32-20.32 10.6-10.6 20.32 20.32c2.93 2.93 2.93 7.68 0 10.6zM131.649 421.947c-1.46 1.46-3.38 2.19-5.3 2.19s-3.84-.73-5.31-2.19l-30.88-30.87v-.01l10.6-10.6 30.89 30.87a7.5 7.5 0 0 1 0 10.61zM160.689 371.787a7.523 7.523 0 0 1-5.31 2.2c-1.91 0-3.83-.74-5.3-2.2l-20.32-20.32 10.61-10.61 20.32 20.32a7.5 7.5 0 0 1 0 10.61zM140.889 391.587c-1.47 1.46-3.39 2.2-5.31 2.2s-3.83-.74-5.3-2.2l-20.32-20.32 10.61-10.61 20.32 20.32a7.5 7.5 0 0 1 0 10.61z"
/>
</g>
<path
fill="#6f6571"
d="m131.87 145.42-10.483 14.973-14.737 10.247-12.405-32.282c-.892-2.681.657-4.23 3.338-3.339l7.497 1.493z"
/>
<path
fill="#f2d1a5"
d="m167.25 157.74-22.341 27.92-26.661 21.083c-.73-1.18-1.395-1.663-1.835-2.983l-11.301-31.582 26.758-26.759 31.61 10.56c1.32.441 2.59 1.031 3.77 1.761z"
/>
<path
fill="#afefa5"
d="m355.201 346.662-18.586 18.095-10.619 10.78-19.066 19.193-185.718-185.109c-1.04-1.04-1.95-2.2-2.71-3.46l18.978-18.652 6.928-4.387 3.683-6.213 19.16-19.17c1.26.76 2.42 1.67 3.46 2.71l183.536 183.546z"
/>
<path
fill="#f9f8f9"
d="m378.95 368.7-19.823 27.217-29.065 21.944-24.99-24.99 18.832-18.937 4.026-6.763 6.549-3.872 19.767-19.303z"
/>
<path
fill="#ff7d91"
d="m403.6 408.1-33.978 33.969-2.302 1.301c-4.07 4.08-9.67 5.08-13.74 1l-24.65-25.65 50.02-50.02 24.65 24.65c4.07 4.07 4.07 10.67 0 14.75z"
/>
<path
fill="#8ce1a4"
d="m137.456 187.354 10.604-10.604 186.312 186.312-10.604 10.604z"
/>
<path
fill="#635a63"
d="m113.99 163.3-3.827 5.384-5.513 3.956-11.41-34.28c-.89-2.68 1.66-5.23 4.34-4.34l7.5 2.49 8.43 25.37z"
/>
<path
fill="#f2bb88"
d="m126.504 198.297-2.701 6.364-6.833 3.359a17.98 17.98 0 0 1-1.76-3.77l-10.56-31.61 9.34-9.34 10.08 30.19a17.98 17.98 0 0 0 1.76 3.77c.24.39.404.667.674 1.037z"
/>
<path
fill="#8ce1a4"
d="m312.75 384.92-3.577 5.373-6.233 4.437-183.26-183.25c-1.04-1.04-1.95-2.2-2.71-3.46l9.534-9.723c.58.83 1.316 1.703 2.036 2.423L311.8 383.97z"
/>
<path
fill="#e8e8e8"
d="m337.74 409.91-3.31 5.361-6.5 4.449-24.99-24.99 9.81-9.81 24.04 24.04z"
/>
<path
fill="#e15f78"
d="m369.622 442.068-2.302 2.302a10.405 10.405 0 0 1-14.74 0l-24.65-24.65 9.81-9.81z"
/>
<g fill="#e8e8e8">
<path
d="M106.542 50.886 83.94 31.296l-9.736 10.506.018-.005A14.945 14.945 0 0 0 70 52.216c0 8.284 6.716 15 15 15 4.227 0 8.038-1.755 10.765-4.568l-.001.013zM162.542 50.886l-22.603-19.59-9.736 10.506.018-.005a14.938 14.938 0 0 0-4.222 10.418c0 8.284 6.716 15 15 15 4.227 0 8.038-1.755 10.765-4.568l-.001.013zM50.542 50.886 27.94 31.296l-9.736 10.506.018-.005A14.945 14.945 0 0 0 14 52.216c0 8.284 6.716 15 15 15 4.227 0 8.038-1.755 10.765-4.568l-.001.013z"
/>
</g>
<circle cx="40" cy="40" r="15" fill="#e15f78" />
<circle cx="96" cy="40" r="15" fill="#ffe07d" />
<circle cx="152" cy="40" r="15" fill="#afefa5" />
</svg>
More icons in the same style and category