Add icons to this collection by clicking the heart icon.
Graphic Design icon - also known as idea, graphics editor, graphic design, graphic tool, art and design, and edit tools. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-64.816"
x2="8.943"
y1="592.875"
y2="592.875"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M107.998 200c-11.046 0-20-8.954-20-20h-16c0 19.882 16.118 36 36 36s36-16.118 36-36h-16c0 11.046-8.954 20-20 20z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-64.816"
x2="8.943"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M447.998 144h-40V8a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v136h-24V40a7.99 7.99 0 0 0-.8-3.576l-16-32a8.336 8.336 0 0 0-14.32 0l-16 32a8.002 8.002 0 0 0-.88 3.576v104h-24V32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v16h-16a8 8 0 0 0-8 8v48h16V64h8v80h-128a8 8 0 0 0-7.584 5.472l-40 120A8 8 0 0 0 15.998 280h40v56c.04 30.911 25.089 55.96 56 56h56v80a8 8 0 0 0 8 8h192a8 8 0 0 0 8-8v-80.36c45.288-4.191 79.946-42.159 80-87.64V152a8 8 0 0 0-8-8zm-56-128v128h-24v-8h-24v-32h8V88h-8V56h8V40h-8V16h48zm-120 25.888 8-16 8 16V144h-16V41.888zm-56-1.888v40h-16V40h16zm-16 56h16v48h-16V96zm240 208c-.044 39.746-32.254 71.956-72 72a8 8 0 0 0-8 8v80h-176v-72h40v-16h-112c-22.08-.026-39.974-17.92-40-40v-64a8 8 0 0 0-8-8H27.102l34.664-104h378.232v144z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-64.816"
x2="8.943"
y1="615.625"
y2="615.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M103.998 8h16v16h-16V8z" fill="url(#c)" />
<linearGradient
id="d"
x1="-64.816"
x2="8.943"
y1="613.625"
y2="613.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M119.998 24h16v16h-16V24z" fill="url(#d)" />
<linearGradient
id="e"
x1="-64.816"
x2="8.943"
y1="611.625"
y2="611.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M103.998 40h16v16h-16V40z" fill="url(#e)" />
<linearGradient
id="f"
x1="-64.816"
x2="8.943"
y1="613.625"
y2="613.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M87.998 24h16v16h-16V24z" fill="url(#f)" />
<linearGradient
id="g"
x1="-64.816"
x2="8.943"
y1="607.625"
y2="607.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M39.998 72h16v16h-16V72z" fill="url(#g)" />
<linearGradient
id="h"
x1="-64.816"
x2="8.943"
y1="605.625"
y2="605.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M55.998 88h16v16h-16V88z" fill="url(#h)" />
<linearGradient
id="i"
x1="-64.816"
x2="8.943"
y1="603.625"
y2="603.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M39.998 104h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-64.816"
x2="8.943"
y1="605.625"
y2="605.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M23.998 88h16v16h-16V88z" fill="url(#j)" />
<linearGradient
id="k"
x1="-64.816"
x2="8.943"
y1="612.625"
y2="612.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M439.998 32h16v16h-16V32z" fill="url(#k)" />
<linearGradient
id="l"
x1="-64.816"
x2="8.943"
y1="610.625"
y2="610.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M455.998 48h16v16h-16V48z" fill="url(#l)" />
<linearGradient
id="m"
x1="-64.816"
x2="8.943"
y1="608.625"
y2="608.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M439.998 64h16v16h-16V64z" fill="url(#m)" />
<linearGradient
id="n"
x1="-64.816"
x2="8.943"
y1="610.625"
y2="610.625"
gradientTransform="matrix(8 0 0 -8 511.014 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M423.998 48h16v16h-16V48z" fill="url(#n)" />
</svg>
More icons in the same style and category