Add icons to this collection by clicking the heart icon.
Backward Compatibility icon - also known as arrows, left, right, transfer, and backward compatibility. 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 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.02"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#230be0" />
<stop offset="1" stop-color="#dda2fc" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#dda2fc" />
<stop offset=".187" stop-color="#e1adfc" />
<stop offset=".511" stop-color="#ebc9fd" />
<stop offset=".932" stop-color="#fcf7ff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="d"
x1="42.353"
x2="351.836"
y1="379.645"
y2="70.163"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-288.171"
x2="426.102"
y1="814.568"
y2="100.294"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#170794" />
<stop offset=".5" stop-color="#230be0" />
<stop offset="1" stop-color="#f2d5ff" />
</linearGradient>
<linearGradient
id="f"
x1="-85.469"
x2="363.951"
y1="514.082"
y2="64.662"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-67.45"
x2="322.745"
y1="669.454"
y2="279.26"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-170.018"
x2="397.768"
y1="667.624"
y2="99.839"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="55.298"
x2="375.586"
y1="540.093"
y2="219.804"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-84.514"
x2="387.591"
y1="576.032"
y2="103.927"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="-342.753"
x2="445.813"
y1="883.86"
y2="95.295"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="32.857"
x2="500.451"
y1="450.04"
y2="-17.555"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="-50.31"
x2="420.703"
y1="582.796"
y2="111.782"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<path
fill="url(#d)"
d="M205.258 133.188c-8.365.063-15.26 6.999-15.379 15.465a7967.355 7967.355 0 0 0-.666 76.676c-.034 8.466 6.838 15.326 15.327 15.319 22.195-.021 44.391-.028 66.586-.022-.016-35.87-.086-71.74-.211-107.611-21.886-.047-43.771.01-65.657.173z"
/>
<path
fill="url(#e)"
d="M455.478 177.815c-26.231-25.496-52.538-51.358-78.494-77.324-3.231-3.232-7.115-4.694-10.862-4.725-7.628-.064-14.712 5.864-14.474 15.005a5561.4 5561.4 0 0 1 .388 15.262c.103 4.221-3.214 7.594-7.401 7.542-24.573-.32-49.147-.506-73.72-.56-8.365-.019-15.153 6.868-15.158 15.359l-.002 76.875c-.001 8.491 6.881 15.374 15.371 15.377 24.921.007 49.842.03 74.763.07 4.245.008 7.696 3.437 7.702 7.658.007 5.087.007 10.176 0 15.263-.013 9.126 7.385 15.169 15.197 15.263 3.85.049 7.8-1.338 11.01-4.516 25.716-25.455 51.273-50.649 76.245-75.319 5.857-5.78 5.587-15.254-.565-21.23z"
/>
<path
fill="url(#f)"
d="M220.191 163.819c-.096 15.364-.168 30.727-.216 46.09 11.926-.023 23.853-.035 35.779-.035 10.23-7.688 20.439-15.367 30.613-23.025a20604.564 20604.564 0 0 1-30.611-23.1c-11.855 0-23.71.024-35.565.07z"
/>
<path
fill="url(#g)"
d="M307.464 271.351c-22.195.02-44.391.028-66.586.022.016 35.87.086 71.74.211 107.611 21.886.048 43.772-.01 65.658-.173 8.365-.065 15.26-6.998 15.379-15.465.345-25.559.567-51.118.666-76.676.033-8.466-6.838-15.325-15.328-15.319z"
/>
<path
fill="url(#h)"
d="M240.878 271.373c-24.921-.007-49.842-.03-74.763-.07-4.245-.008-7.696-3.437-7.702-7.658a5546.65 5546.65 0 0 1 0-15.263c.013-9.126-7.385-15.173-15.197-15.263-3.85-.048-7.8 1.339-11.01 4.516-25.716 25.455-51.273 50.649-76.245 75.319-5.858 5.781-5.588 15.254.564 21.231 26.231 25.496 52.538 51.358 78.494 77.324 3.231 3.233 7.116 4.695 10.862 4.725 7.628.066 14.713-5.866 14.474-15.005a5551.3 5551.3 0 0 1-.388-15.262c-.103-4.22 3.214-7.597 7.4-7.542 24.573.32 49.147.506 73.72.56 8.365.018 15.152-6.867 15.158-15.359l.002-76.875c.003-8.492-6.879-15.375-15.369-15.378z"
/>
<path
fill="url(#i)"
d="M256.249 302.125a46648.83 46648.83 0 0 0-30.613 23.025 21319.86 21319.86 0 0 1 30.611 23.1c11.855-.001 23.71-.024 35.565-.07.096-15.363.168-30.727.216-46.09-11.926.023-23.852.035-35.779.035z"
/>
<path
fill="url(#j)"
d="M307.061 163.891a9235.924 9235.924 0 0 0-51.305-.142l-.001 46.125c32.549 0 65.098.084 97.647.255a13469.868 13469.868 0 0 1-46.341-46.238z"
/>
<path
fill="url(#k)"
d="M423.313 187.95a9740.21 9740.21 0 0 1-40.392-39.817c.145 5.499.279 10.998.401 16.496a9232.915 9232.915 0 0 0-76.262-.739c.202 25.47 20.877 46.12 46.341 46.238 10.23.053 20.459.115 30.689.186.062 5.5.112 11.001.151 16.501a45033.539 45033.539 0 0 0 39.072-38.865z"
/>
<path
fill="url(#l)"
d="M158.602 301.871c-10.23-.053-20.459-.115-30.689-.186-.062-5.5-.112-11.001-.151-16.501a45009.559 45009.559 0 0 0-39.071 38.866 9677.607 9677.607 0 0 1 40.392 39.817c-.145-5.499-.279-10.998-.401-16.496 25.421.351 50.841.598 76.262.739a13380.933 13380.933 0 0 0-46.342-46.239z"
/>
<path
fill="url(#m)"
d="M158.602 301.871c.243 25.327 21.091 46.079 46.341 46.238 17.102.095 34.203.142 51.305.142l.001-46.125c-32.549-.001-65.098-.085-97.647-.255z"
/>
</svg>
More icons in the same style and category