Add icons to this collection by clicking the heart icon.
Compose icon - also known as education, write, pencil, paper, compose, ui, and new document. Created in a clean gradient 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="50.016"
x2="50.016"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="26.481"
x2="26.481"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="53.732"
x2="53.732"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="49.531"
x2="49.531"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="28.016"
x2="28.016"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="6.016"
x2="6.016"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="41.518"
x2="41.518"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="48.016"
x2="48.016"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="8.016"
x2="8.016"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M50.016 20.062a1 1 0 0 0-1 1V53.99a1 1 0 1 0 2 0V21.062a1 1 0 0 0-1-1z"
/>
<path
fill="url(#c)"
d="M10.016 14.99h32.93a1 1 0 1 0 0-2h-32.93a1 1 0 1 0 0 2z"
/>
<path
fill="url(#d)"
d="M50.188 8.162c.743-.743 1.747-1.152 2.828-1.152s2.086.409 2.829 1.152c1.533 1.533 1.533 4.123 0 5.656a.999.999 0 1 0 1.414 1.414c2.3-2.3 2.3-6.185 0-8.484a5.951 5.951 0 0 0-4.242-1.738h-.001a5.948 5.948 0 0 0-4.242 1.738.999.999 0 1 0 1.414 1.414z"
/>
<path
fill="url(#e)"
d="M52.359 18.718a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-7.071-7.071a.999.999 0 1 0-1.414 1.414z"
/>
<path
fill="url(#f)"
d="M10.016 58.99h36a1 1 0 1 0 0-2h-36a1 1 0 1 0 0 2z"
/>
<path
fill="url(#g)"
d="M6.016 54.99a1 1 0 0 0 1-1v-36a1 1 0 1 0-2 0v36a1 1 0 0 0 1 1z"
/>
<path
fill="url(#h)"
d="M26.484 38.522c.069 0 .139-.007.207-.021l8.969-1.898c.189-.04.363-.135.5-.271l21.099-21.099a.999.999 0 1 0-1.414-1.414L34.956 34.707l-7.175 1.519 1.518-7.175L50.188 8.162a.999.999 0 1 0-1.414-1.414L27.675 27.847a1 1 0 0 0-.271.5l-1.897 8.969a1 1 0 0 0 .977 1.206z"
/>
<path
fill="url(#i)"
d="M50.016 52.99a1 1 0 0 0-1 1c0 1.654-1.346 3-3 3a1 1 0 1 0 0 2c2.757 0 5-2.243 5-5a1 1 0 0 0-1-1z"
/>
<g fill="url(#j)">
<path
d="M10.016 58.99a1 1 0 1 0 0-2c-1.654 0-3-1.346-3-3a1 1 0 1 0-2 0c0 2.757 2.243 5 5 5zM6.016 18.99a1 1 0 0 0 1-1c0-1.654 1.346-3 3-3a1 1 0 1 0 0-2c-2.757 0-5 2.243-5 5a1 1 0 0 0 1 1z"
/>
</g>
</svg>
More icons in the same style and category