Add icons to this collection by clicking the heart icon.
Creative icon - also known as pencil, pen, ruler, ui, creative, and art and design. Created in a clean lineal color style with a gray, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-50.964 50.964-55.96-55.96L-55.96-55.96z"
transform="matrix(1.33333 0 0 -1.33333 155.898 81.286)"
fill="#ff836c"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-55.96-55.96 29.122-29.123 55.96 55.961z"
transform="matrix(1.33333 0 0 -1.33333 155.898 81.286)"
fill="#ffba4a"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-55.96-55.96L48.473-160.393l67.001-67.001L262.92-374.841l55.96 55.961-150.711 150.711-60.472 60.472z"
transform="matrix(1.33333 0 0 -1.33333 194.728 120.115)"
fill="#ffd777"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 60.472-60.472C113.572.941 169.333 70.585 248.256 164.879l-22.904 22.905C131.058 108.861 61.413 53.101 0 0"
transform="translate(253.743 314.216)"
fill="gray"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-55.961-55.96 38.588-15.377 32.749 32.75z"
transform="translate(464.927 103.033)"
fill="#f4cdac"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-32.749-32.75 54.445-21.695Z"
transform="translate(480.303 64.446)"
fill="gray"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c27.6 21.69 61.332 52.241 94.811 88.488l-67.001 67C-8.437 122.01-41.35 90.639-63.039 63.04Z"
transform="translate(166.709 106.032)"
fill="gray"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-63.039 63.04C-76.494 45.919-75.72 38.707-83.985 22.501l45.808-45.808C-21.971-15.042-17.121-13.455 0 0"
transform="translate(166.709 106.032)"
fill="#ffba4a"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-45.809 45.809c-14.363-5.388-28.189-14.122-40.17-26.103-26.063-26.063-36.775-60.859-31.053-90.931 30.071-5.721 64.867 4.991 90.929 31.054C-14.121-28.19-5.388-14.364 0 0"
transform="translate(128.532 82.725)"
fill="#f4cdac"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c30.072-5.721 64.868 4.991 90.931 31.054 11.98 11.98 20.715 25.807 26.102 40.171l-45.808 45.808c-14.365-5.387-28.19-14.121-40.171-26.102C4.991 64.868-5.721 30.072 0 0Z"
transform="translate(11.499 11.5)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-54.245-58.731-90.655-90.207-132.986-111.795M17.65 141.451a3376.14 3376.14 0 0 1-25.425-21.755m60.471-60.472c53.101 61.413 108.862 131.057 187.784 225.352l-22.904 22.904c-52.829-44.217-97.919-81.163-138.16-114.444M-178.795-65.986C-157.206-23.656-125.731 12.755-67 67"
transform="translate(261.519 194.52)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30.555 30.555"
transform="translate(448.65 32.794)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 55.961 55.96"
transform="translate(60.963 395.076)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 55.96 55.96"
transform="translate(90.086 365.954)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 50.693 50.693"
transform="translate(411.6 49.706)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-317.25 317.249"
transform="translate(436.946 75.054)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 60.132-60.131"
transform="translate(104.685 164.817)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 12.927-12.926L105.96-50 68.887 43.033-330.079 442l-55.961-55.96L-56.568 56.569"
transform="translate(396.04 60)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-24.05-24.05"
transform="translate(98.348 98.35)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.005.005"
transform="translate(367.755 88.285)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .006.005"
transform="translate(309.496 361.456)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category