Add icons to this collection by clicking the heart icon.
Transformation icon - also known as energy, dots, connected, transformation, and ecology and environment. 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 32 32"
>
<linearGradient
id="a"
x1=".774"
x2="29.658"
y1="31.256"
y2="2.371"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1=".759"
x2="29.643"
y1="31.241"
y2="2.357"
href="#a"
/>
<linearGradient
id="c"
x1="-5.741"
x2="23.143"
y1="24.741"
y2="-4.143"
href="#a"
/>
<linearGradient
id="d"
x1="-8.434"
x2="20.451"
y1="22.049"
y2="-6.836"
href="#a"
/>
<linearGradient
id="e"
x1="7.259"
x2="36.143"
y1="37.741"
y2="8.857"
href="#a"
/>
<linearGradient
id="f"
x1="9.951"
x2="38.836"
y1="40.434"
y2="11.549"
href="#a"
/>
<linearGradient
id="g"
x1="-3.491"
x2="25.393"
y1="26.991"
y2="-1.893"
href="#a"
/>
<linearGradient
id="h"
x1="-5.252"
x2="23.633"
y1="25.231"
y2="-3.654"
href="#a"
/>
<linearGradient
id="i"
x1="5.009"
x2="33.893"
y1="35.491"
y2="6.607"
href="#a"
/>
<linearGradient
id="j"
x1="6.769"
x2="35.654"
y1="37.252"
y2="8.367"
href="#a"
/>
<linearGradient
id="k"
x1="-2.49"
x2="26.395"
y1="27.992"
y2="-.892"
href="#a"
/>
<linearGradient
id="l"
x1="8.601"
x2="37.486"
y1="39.084"
y2="10.199"
href="#a"
/>
<linearGradient
id="m"
x1="4.008"
x2="32.892"
y1="34.49"
y2="5.606"
href="#a"
/>
<linearGradient
id="n"
x1="-7.084"
x2="21.8"
y1="23.398"
y2="-5.486"
href="#a"
/>
<linearGradient
id="o"
x1="-2.492"
x2="26.392"
y1="27.99"
y2="-.895"
href="#a"
/>
<linearGradient
id="p"
x1="8.603"
x2="37.488"
y1="39.086"
y2="10.201"
href="#a"
/>
<linearGradient
id="q"
x1="4.01"
x2="32.895"
y1="34.492"
y2="5.608"
href="#a"
/>
<linearGradient
id="r"
x1="-7.086"
x2="21.799"
y1="23.397"
y2="-5.488"
href="#a"
/>
<path
fill="url(#a)"
d="M16.029 19.634a1 1 0 0 1-.902-1.431L15.702 17h-.99a1 1 0 0 1-.894-1.447l1.317-2.634a1 1 0 1 1 1.789.895L16.33 15h.957a1 1 0 0 1 .902 1.431l-1.258 2.634a1 1 0 0 1-.903.569z"
/>
<path
fill="url(#b)"
d="M16 23a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7zm0-12a5 5 0 1 0 5 5 5.006 5.006 0 0 0-5-5z"
/>
<path
fill="url(#c)"
d="M16 6a3 3 0 1 1 3-3 3.003 3.003 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1.001 1.001 0 0 0-1-1z"
/>
<path
fill="url(#d)"
d="M6.808 9.808a3 3 0 0 1-2.122-5.122 3.073 3.073 0 0 1 4.243 0 3 3 0 0 1-2.121 5.122zm0-4A1 1 0 0 0 6.1 7.514a1.022 1.022 0 0 0 1.413 0 .998.998 0 0 0 0-1.413.991.991 0 0 0-.706-.293z"
/>
<path
fill="url(#c)"
d="M3 19a3 3 0 1 1 3-3 3.003 3.003 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1.001 1.001 0 0 0-1-1z"
/>
<path
fill="url(#b)"
d="M6.808 28.192a3 3 0 0 1-2.122-5.12v-.001a3.072 3.072 0 0 1 4.243 0 3 3 0 0 1-2.122 5.121zm0-4a.991.991 0 0 0-.707.293.998.998 0 0 0 0 1.413 1.022 1.022 0 0 0 1.414 0 1 1 0 0 0-.707-1.707z"
/>
<path
fill="url(#e)"
d="M16 32a3 3 0 1 1 3-3 3.003 3.003 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1.001 1.001 0 0 0-1-1z"
/>
<path
fill="url(#f)"
d="M25.192 28.192a2.98 2.98 0 0 1-2.12-.878h-.001a3 3 0 0 1 0-4.243 3.072 3.072 0 0 1 4.243 0 3 3 0 0 1-2.122 5.122zm0-4a1 1 0 0 0-.707 1.707 1.022 1.022 0 0 0 1.413 0 1 1 0 0 0-.706-1.707z"
/>
<path
fill="url(#e)"
d="M29 19a3 3 0 1 1 3-3 3.003 3.003 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1.001 1.001 0 0 0-1-1z"
/>
<path
fill="url(#b)"
d="M25.192 9.808a3 3 0 0 1-2.12-5.122 3.072 3.072 0 0 1 4.242 0 3 3 0 0 1 0 4.242 2.98 2.98 0 0 1-2.122.88zm0-4a1 1 0 0 0-.707 1.706 1.022 1.022 0 0 0 1.414 0 1 1 0 0 0-.707-1.706z"
/>
<path
fill="url(#g)"
d="M16 11a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M11.757 12.757a.997.997 0 0 1-.707-.293L7.515 8.93a1 1 0 0 1 1.414-1.414l3.535 3.535a1 1 0 0 1-.707 1.707z"
/>
<path fill="url(#g)" d="M10 17H5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z" />
<path
fill="url(#b)"
d="M8.222 24.778a1 1 0 0 1-.707-1.707l3.535-3.535a1 1 0 1 1 1.414 1.414L8.93 24.485a.997.997 0 0 1-.707.293z"
/>
<path
fill="url(#i)"
d="M16 28a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
/>
<path
fill="url(#j)"
d="M23.778 24.778a.997.997 0 0 1-.707-.293l-3.535-3.535a1 1 0 1 1 1.414-1.414l3.536 3.535a1 1 0 0 1-.707 1.707z"
/>
<path fill="url(#i)" d="M27 17h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z" />
<path
fill="url(#b)"
d="M20.243 12.757a1 1 0 0 1-.707-1.707l3.535-3.535a1 1 0 0 1 1.414 1.414l-3.535 3.535a.997.997 0 0 1-.707.293z"
/>
<path
fill="url(#k)"
d="M6.05 24.34a1.014 1.014 0 0 1-.934-.618l-2.27-5.49a1.005 1.005 0 0 1 .924-1.387.997.997 0 0 1 .955.697l2.207 5.337a.999.999 0 0 1-.882 1.461z"
/>
<path
fill="url(#l)"
d="M17.85 29.23a1.001 1.001 0 0 1-.308-1.955l5.337-2.207a.999.999 0 0 1 1.461.882 1.014 1.014 0 0 1-.618.934l-5.49 2.27a1.007 1.007 0 0 1-.382.076z"
/>
<path
fill="url(#m)"
d="M28.23 15.155a.997.997 0 0 1-.955-.697l-2.207-5.337a.999.999 0 0 1 .882-1.461 1.014 1.014 0 0 1 .934.618l2.27 5.49a1.005 1.005 0 0 1-.924 1.387z"
/>
<path
fill="url(#n)"
d="M8.66 7.045a.996.996 0 0 1-1-.995v-.01a1 1 0 0 1 .618-.924l5.49-2.27a1.029 1.029 0 0 1 1.387.924.997.997 0 0 1-.697.955L9.121 6.932a.991.991 0 0 1-.461.113z"
/>
<path
fill="url(#o)"
d="M23.34 7.045a1.002 1.002 0 0 1-.479-.121l-5.364-2.218a1 1 0 0 1 .343-1.936h.01a1.007 1.007 0 0 1 .382.076l5.49 2.27a1.003 1.003 0 0 1-.382 1.929z"
/>
<path
fill="url(#p)"
d="M25.96 24.34a1.002 1.002 0 0 1-.884-1.479l2.218-5.364a1 1 0 0 1 1.936.343v.01a1.007 1.007 0 0 1-.076.382l-2.27 5.49a1 1 0 0 1-.924.618z"
/>
<path
fill="url(#q)"
d="M14.16 29.23h-.01a1.007 1.007 0 0 1-.382-.076l-5.49-2.27a1.003 1.003 0 1 1 .861-1.808l5.364 2.218a1 1 0 0 1-.343 1.936z"
/>
<path
fill="url(#r)"
d="M3.77 15.155a.996.996 0 0 1-1-.995v-.01a1.007 1.007 0 0 1 .076-.382l2.27-5.49a1.003 1.003 0 1 1 1.808.861l-2.218 5.364a1.002 1.002 0 0 1-.936.652z"
/>
</svg>
More icons in the same style and category