Add icons to this collection by clicking the heart icon.
Transform icon - also known as graphic, graphic design, transform, design, art and design, and designer tools. Created in a clean flat style with a white, silver, gray, black, and blue 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e6fdf1" />
<stop offset="1" stop-color="#b3f8d6" />
</linearGradient>
<linearGradient
id="c"
x1="51.793"
x2="60.207"
y1="15.793"
y2="24.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="15.793"
x2="24.207"
y1="3.793"
y2="12.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="3.793"
x2="12.207"
y1="39.793"
y2="48.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="39.793"
x2="48.207"
y1="51.793"
y2="60.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="15.793"
x2="24.207"
y1="51.793"
y2="60.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="3.793"
x2="12.207"
y1="15.793"
y2="24.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="39.793"
x2="48.207"
y1="3.793"
y2="12.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="51.793"
x2="60.207"
y1="39.793"
y2="48.207"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#e0d9ff" />
<stop offset="1" stop-color="#a295d4" />
</linearGradient>
<linearGradient
id="k"
x1="3.586"
x2="12.414"
y1="3.586"
y2="12.414"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="27.586"
x2="36.414"
y1="3.586"
y2="12.414"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="27.586"
x2="36.414"
y1="51.586"
y2="60.414"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="51.586"
x2="60.414"
y1="3.586"
y2="12.414"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="3.586"
x2="12.414"
y1="27.586"
y2="36.414"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="51.586"
x2="60.414"
y1="27.586"
y2="36.414"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="3.586"
x2="12.414"
y1="51.586"
y2="60.414"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="51.586"
x2="60.414"
y1="51.586"
y2="60.414"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="28.465"
x2="35.536"
y1="28.465"
y2="35.536"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5f2ff" />
<stop offset="1" stop-color="#d6ccff" />
</linearGradient>
<linearGradient
id="t"
x1="2"
x2="14"
y1="8"
y2="8"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="26"
x2="38"
y1="8"
y2="8"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="26"
x2="38"
y1="56"
y2="56"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="50"
x2="62"
y1="8"
y2="8"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="x"
x1="2"
x2="14"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="50"
x2="62"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="2"
x2="14"
y1="56"
y2="56"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="A"
x1="50"
x2="62"
y1="56"
y2="56"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="B"
x1="26"
x2="38"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="C"
x1="55"
x2="57"
y1="20"
y2="20"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="D"
x1="12"
x2="28"
y1="8"
y2="8"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="E"
x1="7"
x2="9"
y1="44"
y2="44"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="F"
x1="36"
x2="52"
y1="56"
y2="56"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="G"
x1="12"
x2="28"
y1="56"
y2="56"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="H"
x1="7"
x2="9"
y1="20"
y2="20"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="I"
x1="36"
x2="52"
y1="8"
y2="8"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="J"
x1="55"
x2="57"
y1="44"
y2="44"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="#dcdcef"
d="M56 28a1 1 0 0 1-1-1V13a1 1 0 1 1 2 0v14a1 1 0 0 1-1 1zM27 9H13a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2zM8 52a1 1 0 0 1-1-1V37a1 1 0 1 1 2 0v14a1 1 0 0 1-1 1zM51 57H37a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2zM27 57H13a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2zM8 28a1 1 0 0 1-1-1V13a1 1 0 1 1 2 0v14a1 1 0 0 1-1 1zM51 9H37a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2zM56 52a1 1 0 0 1-1-1V37a1 1 0 1 1 2 0v14a1 1 0 0 1-1 1z"
/>
<path
fill="#636184"
d="M13 5v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2zM37 5v6a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2zM37 53v6a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2zM61 5v6a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2zM13 29v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2zM61 29v6a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2zM13 53v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2zM61 53v6a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2z"
/>
<circle cx="32" cy="32" r="5" fill="#acacd5" />
</svg>
More icons in the same style and category