Add icons to this collection by clicking the heart icon.
Design icon - also known as compass, Tools and utensils, design, architect, blueprint, and art and design. Created in a clean lineal color style with a white, gray, black, 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 0v-317.75h-442.328c-27.16 0-49.672 21.893-49.672 49.053 0 27.16 22.512 49.297 49.672 49.297V0h160.72l-63.954-151.237 14.054-82.413 88.89 210.2 73.621-175.694 41.743 17.286L-203.638 0Z"
transform="translate(502 350.523)"
fill="#dfecff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-317.75h-442.328c-27.16 0-49.672 21.893-49.672 49.053 0 27.16 22.512 49.297 49.672 49.297V0h160.72l-63.954-151.237 14.054-82.413 88.89 210.2 73.621-175.694 41.743 17.286L-203.638 0Z"
transform="translate(502 350.523)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-317.633c-27.16 0-49.672-22.137-49.672-49.297v317.75C-49.672-22.02-27.16 0 0 0"
transform="translate(59.672 448.756)"
fill="#6e90ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-317.633c-27.16 0-49.672-22.137-49.672-49.297v317.75C-49.672-22.02-27.16 0 0 0Z"
transform="translate(59.672 448.756)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-20.833-16.888-37.72-37.72-37.72-20.832 0-37.72 16.887-37.72 37.72 0 20.832 16.888 37.72 37.72 37.72C-16.888 37.72 0 20.832 0 0"
transform="translate(296.95 379.87)"
fill="#e2e7ef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.833-16.888-37.72-37.72-37.72-20.832 0-37.72 16.887-37.72 37.72 0 20.832 16.888 37.72 37.72 37.72C-16.888 37.72 0 20.832 0 0Z"
transform="translate(296.95 379.87)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-6.678-15.799-88.883-210.198-14.007 82.53 69.141 163.523C-35.146 9.662-25.202 2.05-13.344-.034A37.489 37.489 0 0 1 0 0"
transform="translate(266.006 342.754)"
fill="#ffcb7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.74-17.29-73.62 175.7 6.62 15.68c11.14 2.01 20.58 8.93 26 18.44.29.49.56.99.82 1.5.08.14.15.28.22.42z"
transform="translate(374.74 168.667)"
fill="#ffcb7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 69.145-29.235"
transform="translate(144.613 204.284)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h121.635"
transform="translate(275.763 119.56)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(444.999 119.56)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-46.024a37.58 37.58 0 0 1-22.027 7.094 37.553 37.553 0 0 1-23.367-8.108V0c0 12.545 10.158 22.702 22.692 22.702a22.63 22.63 0 0 0 16.058-6.644A22.675 22.675 0 0 0 0 0"
transform="translate(281.257 456.524)"
fill="#ffcb7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.678-15.799-88.883-210.198-14.007 82.53 69.141 163.523C-35.146 9.662-25.202 2.05-13.344-.034A37.489 37.489 0 0 1 0 0Z"
transform="translate(266.006 342.754)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-41.74-17.29-73.62 175.7 6.62 15.68c11.14 2.01 20.58 8.93 26 18.44.29.49.56.99.82 1.5.08.14.15.28.22.42z"
transform="translate(374.74 168.667)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-46.024a37.58 37.58 0 0 1-22.027 7.094 37.553 37.553 0 0 1-23.367-8.108V0c0 12.545 10.158 22.702 22.692 22.702a22.63 22.63 0 0 0 16.058-6.644A22.675 22.675 0 0 0 0 0Z"
transform="translate(281.257 456.524)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-29.982-52.619-93.598-52.619h.76C-156.454-52.619-186.436 0-186.436 0"
transform="translate(351.713 287.157)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 15.329-40.656"
transform="translate(354.338 160.215)"
fill="none"
stroke="#000"
stroke-width="20"
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