Add icons to this collection by clicking the heart icon.
Writing icon - also known as file, pencil, ruler, writing, and art and design. Created in a clean lineal color 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 512 512"
>
<linearGradient
id="a"
x1="6.808"
x2="505.586"
y1="387.458"
y2="99.489"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd8d8" stop-opacity="0" />
<stop offset=".998" stop-color="#ffb2b2" />
</linearGradient>
<path
d="M506.372 134.74C484.556 9.6 427.787-10.01 317.447 76.32c-33.616 26.301-40.292-26.957-95.198-49.138C130.313-9.958 44.441 86.603 83.047 151.198c8.476 14.182 26.308 24.09 27.672 40.549 4.96 59.855-93.552 88.482-108.889 147.818-23.564 91.162 187.248 231.37 239.34 99.742 66.338-167.624 49.967-19.75 127.033-3.968 131.061 26.839 157.418-190.186 138.169-300.599z"
fill="url(#a)"
/>
<path
d="m453.407 156.7-33.353-33.353c-3.905-3.905-10.237-3.905-14.142 0l-54.914 54.914V90.527c0-5.52-4.48-10-10-10h-229.18c-5.53 0-10 4.48-10 10v272.887H60.664c-2.762 0-5 2.238-5 5s2.238 5 5 5h41.154v29.013H70.664c-5.523 0-10 4.477-10 10v57.045c0 5.523 4.477 10 10 10h203.431c5.523 0 10-4.477 10-10v-32.965h56.903c5.52 0 10-4.48 10-10V273.252l102.409-102.409c3.905-3.906 3.905-10.237 0-14.143z"
opacity=".1"
fill="#0000cb"
/>
<path
d="M350.998 66.527v335.98c0 5.52-4.48 10-10 10h-229.18c-5.53 0-10-4.48-10-10V66.527c0-5.52 4.47-10 10-10h229.18c5.52 0 10 4.48 10 10z"
fill="#fff"
/>
<path
d="M351 66.53v335.98c0 5.52-4.48 10-10 10H111.82c-5.53 0-10-4.48-10-10V66.53c0-5.52 4.47-10 10-10H341c5.52 0 10 4.48 10 10z"
fill="#fff"
/>
<path
d="M305.737 332.16h12.441M305.737 350.785h12.441M305.737 369.41h12.441"
fill="none"
stroke="#ff6c6c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M351 178.26v94.99l-86.53 86.53a25.037 25.037 0 0 1-12.31 6.74l-46.1 10.13c-3.56.78-6.74-2.39-5.95-5.96l10.13-46.09c1.02-4.67 3.36-8.94 6.74-12.31L351 178.26zM178.32 368.41c0 2.77-2.24 5-5 5h-71.5v-10h71.5c2.76 0 5 2.24 5 5z"
fill="#d8d8ff"
/>
<path
d="M315.178 255.749h-40.441a5 5 0 0 1-5-5V97.992a5 5 0 0 1 5-5h40.441a5 5 0 0 1 5 5v152.757a5 5 0 0 1-5 5z"
fill="#ff6c6c"
/>
<path
d="M267.585 316.965c-.481-1.641-2.494-2.392-3.988-1.463-2.758 1.714-5.198 2.57-7.323 2.57-2.476 0-4.139-.908-4.995-2.729-.856-1.816-1.284-4.912-1.284-9.278v-69.134c0-10.003-.714-17.917-2.141-23.742-1.427-5.82-4.237-10.732-8.42-14.736-4.567-4.366-10.275-7.457-17.126-9.278-14.876-3.954-30.762-3.866-45.827-.927-12.509 2.441-26.353 6.942-33.951 17.436-9.699 13.397-.785 33.975 16.982 33.975 22.077.001 30.75-27.189 11.698-38.471 5.184-1.987 15.049-4.733 24.833-1.804 7.61 2.278 12.832 9.069 12.85 16.693v21.399c0 4.912-2.426 8.78-7.278 11.598-20.069 11.657-48.192 12.552-63.651 31.109-7.686 9.226-8.867 22.766-4.461 33.673 5.63 13.937 19.081 19.404 34.003 19.404 18.454 0 32.441-7.368 41.958-22.104.187 6.733 2.376 12.101 6.564 16.101 4.184 4.004 11.511 6.003 21.978 6.003 11.681 0 21.666-3.001 29.953-9.006.876-.635 1.261-1.716.964-2.728l-1.338-4.561zm-58.693-22.541c-5.522 7.462-10.426 11.765-18.553 13.42-5.811 1.183-18.553-.764-18.553-13.879 0-12.598 15.128-18.559 22.548-23.109 7.422-4.366 12.274-8.366 14.558-12.007v35.575z"
fill="#fa6"
/>
<path
d="M101.818 352.769v49.738c0 5.52 4.47 10 10 10h229.18c5.52 0 10-4.48 10-10V66.527c0-5.52-4.48-10-10-10h-229.18c-5.53 0-10 4.48-10 10v257.858"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M139.416 160.923H245.4M178.702 140H245.4"
fill="none"
stroke="#9393ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M139.416 140h16.615"
fill="none"
stroke="#fa6"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M208.461 119.077H245.4"
fill="none"
stroke="#9393ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M139.416 119.077h47.4"
fill="none"
stroke="#fa6"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M139.416 98.154H245.4"
fill="none"
stroke="#9393ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M60.664 352.769h112.652"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M284.095 388.427c0-5.523-4.477-10-10-10H70.664c-5.523 0-10 4.477-10 10v57.045c0 5.523 4.477 10 10 10h203.431c5.523 0 10-4.477 10-10v-57.045z"
fill="#ff6c6c"
/>
<path
d="M274.095 378.427H70.664c-5.523 0-10 4.477-10 10v19.691h223.431v-19.691c0-5.522-4.478-10-10-10z"
fill="#ff9393"
/>
<path
d="M284.095 388.427c0-5.523-4.477-10-10-10H70.664c-5.523 0-10 4.477-10 10v57.045c0 5.523 4.477 10 10 10h203.431c5.523 0 10-4.477 10-10v-57.045z"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M83.683 420.119V397.73M105.912 408.119V397.73M128.14 408.119V397.73M150.368 408.119V397.73M172.596 420.119V397.73M261.509 420.119V397.73M194.824 408.119V397.73M217.052 408.119V397.73M239.28 408.119V397.73"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m224.798 280.462-7.823 7.823a25.005 25.005 0 0 0-6.74 12.312l-10.13 46.095c-.783 3.564 2.392 6.74 5.957 5.957l46.095-10.13a24.997 24.997 0 0 0 12.312-6.74l7.823-7.823-47.494-47.494z"
fill="#ffe7db"
/>
<path
d="m205.941 320.14-5.835 26.552c-.783 3.564 2.392 6.74 5.957 5.957l26.552-5.835c-.02-14.723-11.951-26.654-26.674-26.674zM224.798 296.294c-4.372-4.372-4.372-11.46 0-15.832l136.5-136.5 12.346 6.346 3.485 9.485-136.5 136.5c-4.371 4.373-11.459 4.373-15.831.001z"
fill="#6c6cff"
/>
<path
d="M239.215 313.54c-4.372-4.372-4.372-11.46 0-15.832l137.914-137.914 11.361 5.361 4.47 10.47L255.047 313.54c-4.372 4.371-11.46 4.371-15.832 0z"
fill="#8282ff"
/>
<path
d="M256.461 327.957c-4.372-4.372-4.372-11.46 0-15.832l136.5-136.5 10.958 5.958 4.873 9.873-136.5 136.5c-4.371 4.373-11.459 4.373-15.831.001z"
fill="#6c6cff"
/>
<path
d="m408.792 191.457 16.249-16.249-21.899-26.899-25.595-20.595-16.249 16.249z"
fill="#d8d8ff"
/>
<path
d="m425.041 175.208 28.366-28.366c3.905-3.905 3.905-10.237 0-14.142l-33.352-33.352c-3.905-3.905-10.237-3.905-14.142 0l-28.366 28.366 47.494 47.494z"
fill="#4d4dff"
/>
<path
d="m391.175 209.075 62.232-62.232c3.905-3.905 3.905-10.237 0-14.142l-33.353-33.353c-3.905-3.905-10.237-3.905-14.142 0L216.975 288.285a25 25 0 0 0-6.74 12.312l-10.13 46.095c-.783 3.564 2.392 6.74 5.957 5.957l46.095-10.129a25.005 25.005 0 0 0 12.312-6.74l106.635-106.635"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m422.778 131.543-7.859 7.859"
fill="none"
stroke="#9393ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="388.919"
cy="281.962"
r="10"
fill="none"
stroke="#8282ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="55.664"
cy="150.309"
r="10"
fill="none"
stroke="#ff6c6c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="422.253"
cy="347.811"
r="10"
fill="none"
stroke="#ff6c6c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m72.305 219.594-10 10"
fill="none"
stroke="#8282ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m332.094 24.158-10 10"
fill="none"
stroke="#ff9c33"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category