Add icons to this collection by clicking the heart icon.
Pantone icon - also known as painter, paint, colors, color palette, paints, miscellaneous, 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="-58.378"
x2="5.545"
y1="609.625"
y2="609.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M40 96h96a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h80v32H48V48z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.378"
x2="5.545"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M477.656 115.488 364.512 2.344a8 8 0 0 0-11.312 0L176 179.544V8a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8v432c.026 22.08 17.92 39.974 40 40h432a8 8 0 0 0 8-8V312a8 8 0 0 0-8-8H300.456l177.2-177.2a8 8 0 0 0 0-11.312zM189.16 234.272l56.568 56.568-13.16 13.16H176v-56.568l13.16-13.16zm56.568-56.568 56.568 56.568-45.256 45.256-56.568-56.568 45.256-45.256zm56.568-56.568 56.568 56.568L313.6 222.96l-56.56-56.56 45.256-45.264zm67.88 45.264L313.6 109.824l45.248-45.256 56.576 56.576-45.248 45.256zM160 16v288H16V16h144zM40 464c-13.255 0-24-10.745-24-24V320h144v144H40zm152-32h-16v-80h16v80zm272 32H176v-16h264a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8H176v-16h288v144zm-192-32h-64v-80h64v80zm80 0h-64v-80h64v80zm80-80v80h-64v-80h64zm-154.168-48H255.2l177.2-177.2a8 8 0 0 0 0-11.312L364.512 47.6a8 8 0 0 0-11.312 0L176 224.8v-22.64L358.856 19.312l101.832 101.832L277.832 304z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.378"
x2="5.545"
y1="564.625"
y2="564.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M56 400c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-58.378"
x2="5.545"
y1="602.625"
y2="602.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M40 128h16a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-58.378"
x2="5.545"
y1="602.625"
y2="602.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M136 112H88a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-58.378"
x2="5.545"
y1="598.625"
y2="598.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M40 160h16a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-58.378"
x2="5.545"
y1="598.625"
y2="598.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M136 144H88a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-58.378"
x2="5.545"
y1="594.625"
y2="594.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M40 192h16a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-58.378"
x2="5.545"
y1="594.625"
y2="594.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M136 176H88a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z" fill="url(#i)" />
</svg>
More icons in the same style and category