Add icons to this collection by clicking the heart icon.
Transition icon - also known as maths, geometry, transform, transition, variety, miscellaneous, and permute. Created in a clean flat style with a silver, gray, yellow, teal, and pink 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 512 512"
>
<path
fill="#ffdd40"
d="M245.002 21.994C115.197 21.994 8.988 122.945.558 250.617L261.381 511.44c127.672-8.43 228.623-114.639 228.623-244.444 0-135.311-109.691-245.002-245.002-245.002z"
/>
<path
fill="#73c3f9"
d="M234.539 97.585c13.693 13.678 33.066 19.626 57.598 17.68 34.665-2.756 61.01 14.29 78.24 50.654 12.369 26.105 15.347 53.339 15.612 56.001-.719 3.649-8.726 47.772 15.959 80.102 10.441 13.675 25.174 23.389 43.987 29.068a190.338 190.338 0 0 0 11-10.154c73.419-73.419 73.419-192.454 0-265.873-66.722-66.722-171.114-72.8-244.708-18.251.341 13.938 3.528 42.012 22.312 60.773z"
/>
<path
fill="#49b1f7"
d="M447.292 329.929c-78.165-22.888-59.787-107.931-59.787-107.931s-10.143-115-95.487-108.228c-70.65 5.606-77.888-56.505-78.286-78.059a189.316 189.316 0 0 0-22.669 19.352c-32.171 32.171-50.243 73.101-54.22 115.114 54.091-5.795 110.253 11.98 151.626 53.353s59.148 97.535 53.353 151.626c37.921-3.591 74.957-18.668 105.47-45.227z"
/>
<path
fill="#3c58a0"
d="M387.505 102.888h-67.901c-11.932 0-21.604 9.673-21.604 21.604-.001 11.933 9.672 21.605 21.604 21.604h15.742l-63.037 63.037c5.595 4.431 10.992 9.229 16.159 14.395s9.965 10.564 14.396 16.158l63.037-63.037v15.742c-.001 11.933 9.672 21.605 21.604 21.604 11.934 0 21.604-9.672 21.604-21.604V124.49c.002-11.93-9.671-21.603-21.604-21.602z"
/>
<path
fill="#4f71b6"
d="M387.505 94.888h-67.9c-16.324 0-29.604 13.28-29.604 29.603-.001 15.447 11.703 27.777 26.223 29.416l-50.366 50.366a185.679 185.679 0 0 1 12.629 9.998l62.517-62.516c5.025-5.025 1.461-13.657-5.656-13.657l-15.743-.001c-7.518 0-13.605-6.083-13.604-13.605 0-7.501 6.103-13.604 13.604-13.604h67.9c7.519 0 13.605 6.082 13.604 13.604v67.901c0 7.502-6.103 13.605-13.604 13.605-7.519 0-13.604-6.083-13.604-13.605v-15.742c0-7.114-8.63-10.683-13.657-5.657l-62.517 62.517a186.007 186.007 0 0 1 9.999 12.629l50.365-50.366c1.641 14.529 13.979 26.224 29.414 26.224 16.324 0 29.604-13.28 29.604-29.605v-67.9c.002-16.362-13.239-29.607-29.604-29.605z"
/>
<path
fill="#3c58a0"
d="M53.51 199.824c-.381 12.252-.958 30.768 7.475 47.382 10.15 19.996 30.845 31.593 61.511 34.467l.105.01.106-.005c.096.003 9.783-.399 19.902 4.798 13.515 6.942 21.253 20.077 23.003 39.046-.364 1.612-1.902 9.83 2.961 15.58 3.565 4.214 9.596 5.986 17.925 5.262 14.314-1.238 26.636 2.673 33.81 10.741 7.382 8.303 9.467 20.525 6.199 36.327-3.777 18.261-1.529 45.758 17.233 63.153 10.472 9.709 29.578 19.114 62.559 12.635 56.397-73.705 50.896-179.583-16.522-247-64.193-64.193-163.257-72.257-236.214-24.198a252.39 252.39 0 0 1-.053 1.802z"
/>
<path
fill="#2a428c"
d="M227.977 393.735c7.948-38.429-16.828-51.019-41.608-48.866-24.78 2.152-19.241-19.239-19.241-19.239-4.234-47.368-44.492-45.45-44.492-45.45-72.829-6.828-68.119-60.626-67.544-83.139a188.663 188.663 0 0 0-31.186 25.179A188.905 188.905 0 0 0 .558 250.617 248.139 248.139 0 0 0 0 266.996c0 135.311 109.691 245.002 245.002 245.002 4.785 0 9.533-.159 14.249-.433 3.474-1.986 6.898-3.956 10.253-5.898a188.934 188.934 0 0 0 20.273-17.574 189.46 189.46 0 0 0 17.874-20.665c-68.166 14.317-87.25-37.064-79.674-73.693z"
/>
<path
fill="#49b1f7"
d="M165.612 325.521c-.364 1.612-1.902 9.83 2.961 15.58 3.565 4.214 9.596 5.986 17.925 5.262a56.69 56.69 0 0 1 9.712-.022l107.965-107.965c-4.44-5.588-9.23-10.989-14.398-16.156s-10.568-9.958-16.156-14.398l-109.28 109.28c.563 2.67.999 5.465 1.271 8.419z"
/>
<path
fill="#1e9ef4"
d="M207.767 393.735c11.058 0 20.158-8.31 21.436-19.023-1.029-9.323-4.792-16.197-10.199-21.008a21.468 21.468 0 0 0-11.237-3.177h-15.742l5.569-5.569c-3.665-.398-7.444-.417-11.225-.089-24.78 2.152-19.241-19.239-19.241-19.239a73.48 73.48 0 0 0-1.521-9.793l-4.136 4.136-.001-15.742c0-.129-.017-.253-.019-.381-6.067-12.363-15.658-18.283-23.789-21.112-10.897 1.104-19.4 10.305-19.4 21.493v67.901c-.001 11.933 9.672 21.605 21.604 21.604h67.901z"
/>
<path
fill="#73c3f9"
d="m299.049 232.189-112.68 112.68c-5.025 5.025-1.46 13.657 5.656 13.657l15.743.001c7.519 0 13.604 6.082 13.604 13.604 0 7.502-6.103 13.604-13.604 13.604h-67.901c-7.52 0-13.605-6.083-13.604-13.604v-67.9c0-7.502 6.103-13.605 13.604-13.605 7.518 0 13.605 6.083 13.604 13.605l.001 15.742c0 7.115 8.629 10.684 13.657 5.657L279.81 212.949a188.265 188.265 0 0 0-12.611-10.017l-97.917 97.917c-1.64-14.52-13.971-26.225-29.415-26.223-16.324 0-29.604 13.28-29.604 29.605v67.899c-.001 16.361 13.237 29.608 29.604 29.605h67.901c16.324 0 29.604-13.28 29.604-29.603.001-15.413-11.665-27.772-26.223-29.415l97.918-97.917a188.027 188.027 0 0 0-10.018-12.611z"
/>
<g fill="#ffeb97">
<path
d="M23.606 161.995c99.089 6.29 105.052-72.838 102.606-109.31-44.586 24.771-80.63 63.047-102.606 109.31zM468.298 367.926c-42.366 6.52-122.029 30.532-114.981 118.853 50.755-25.057 91.578-67.165 114.981-118.853z"
/>
</g>
</svg>
More icons in the same style and category