Add icons to this collection by clicking the heart icon.
Right Triangle icon - also known as education, geometry, sides, shapes and symbols, and Right triangle. 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"
>
<radialGradient
id="c"
cx="431.157"
cy="2606.89"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -148.108 115.922)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d1f4b0" />
<stop offset=".512" stop-color="#e9f9d9" />
<stop offset=".519" stop-color="#e9f9d9" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<radialGradient
id="d"
cx="45.353"
cy="109.512"
r="240.425"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e0f6df" />
<stop offset=".514" stop-color="#ddf7c5" />
<stop offset=".56" stop-color="#daf7c0" />
<stop offset=".976" stop-color="#c4f19b" />
</radialGradient>
<radialGradient
id="e"
cx="539.866"
cy="86.7"
r="577.454"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7be700" />
<stop offset=".512" stop-color="#72d800" />
<stop offset=".808" stop-color="#26b847" />
<stop offset=".976" stop-color="#00a96a" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e6f6ff" />
<stop offset=".376" stop-color="#c0dae9" />
<stop offset=".43" stop-color="#bad6e5" />
<stop offset="1" stop-color="#8abbd5" />
</linearGradient>
<radialGradient
id="f"
cx="278.652"
cy="130.976"
r="45.587"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="29.539"
cy="225.19"
r="26.494"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="239.948"
cy="365.778"
r="63.313"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="248.964"
cy="365.778"
r="54.238"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="j"
cx="1.81"
cy="183.488"
r="54.607"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="521.908"
cy="89.908"
r="564.243"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#68c800" />
<stop offset=".512" stop-color="#5bab00" />
<stop offset=".77" stop-color="#268423" />
<stop offset=".976" stop-color="#00683c" />
</radialGradient>
<radialGradient
id="l"
cx="45.353"
cy="109.512"
r="240.425"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4f19b" />
<stop offset=".518" stop-color="#a4ed62" />
<stop offset=".785" stop-color="#85e026" />
<stop offset=".976" stop-color="#72d800" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#3692bc" />
<stop offset=".504" stop-color="#0681af" />
<stop offset=".976" stop-color="#0055a3" />
</linearGradient>
<radialGradient
id="m"
cx="296.861"
cy="386.57"
r="68.381"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="n"
cx="298.976"
cy="149.43"
r="11.957"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8abbd5" />
<stop offset=".43" stop-color="#6cabca" />
<stop offset="1" stop-color="#0681af" />
</radialGradient>
<radialGradient
id="o"
cx="294.075"
cy="154.687"
r="19.016"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="p"
cx="330.573"
cy="144.402"
r="80.753"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="q"
cx="55.785"
cy="212.081"
r="61.676"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M256 438.405c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.138 91.691 25.6 204.798 25.6z"
/>
<path
fill="url(#d)"
d="M45.383 73.595v275.21h38.4l12.8-134.41-12.8-140.8z"
/>
<path fill="url(#e)" d="M512 348.805H83.783V73.595z" />
<path
fill="url(#f)"
d="M291.48 131.205c-5.811 0-11.621 2.212-16.045 6.636-8.847 8.847-8.847 23.242 0 32.09 4.424 4.423 10.234 6.635 16.045 6.635h10c-5.811 0-23.803-23.287-14.957-32.134 4.424-4.424 9.146-13.226 14.957-13.226h-10z"
/>
<path
fill="url(#g)"
d="M25.6 226.623c5.454 0 9.891-4.437 9.891-9.891s-4.437-9.891-9.891-9.891l9.891-8.728c5.454 0 15.709 13.164 15.709 18.619s-10.254 19.781-15.709 19.781z"
/>
<path
fill="url(#h)"
d="M268.799 367.422v45.383h12.8l5.818-28.51-5.818-16.873"
/>
<path
fill="url(#i)"
d="M258.909 412.805c-12.512 0-22.691-10.18-22.691-22.691s10.18-22.691 22.691-22.691h12.8c-12.512 0-19.891 10.18-19.891 22.691s7.38 22.691 19.891 22.691z"
/>
<path
fill="url(#i)"
d="M258.909 400.004c5.454 0 9.891-4.437 9.891-9.891s-4.437-9.891-9.891-9.891l12.8-8.728c5.454 0 15.709 13.164 15.709 18.618s-10.254 19.781-15.709 19.781z"
/>
<path fill="url(#j)" d="m12.8 239.424 12.8-41.31L12.8 179.2H0v60.224z" />
<path fill="url(#k)" d="M83.783 284.805h64v64h-64z" />
<path fill="url(#l)" d="M45.383 284.805h38.4v64h-38.4z" />
<path
fill="url(#m)"
d="M281.599 367.422v2.271a22.549 22.549 0 0 0-9.891-2.271c-12.512 0-22.691 10.18-22.691 22.691s10.18 22.691 22.691 22.691c3.543 0 6.9-.817 9.891-2.271v2.271H294.4v-45.383h-12.801zm-9.89 32.582c-5.454 0-9.891-4.437-9.891-9.891s4.437-9.891 9.891-9.891 9.891 4.437 9.891 9.891-4.437 9.891-9.891 9.891z"
/>
<path
fill="url(#n)"
d="M287.406 143.994a9.827 9.827 0 0 1 6.994 2.897h14.074c-1.868-1.868 1.368-6.091-1.274-6.091z"
/>
<path
fill="url(#o)"
d="M287.406 163.777a9.827 9.827 0 0 0 6.994-2.897h14.074c-1.868 1.868 1.368 6.091-1.274 6.091z"
/>
<path
fill="url(#p)"
d="M301.48 176.565c-5.811 0-11.621-2.212-16.045-6.635-8.847-8.848-8.847-23.243 0-32.09 8.848-8.848 23.242-8.848 32.09 0l-9.051 9.051c-1.868-1.868-4.353-2.897-6.994-2.897s-5.126 1.029-6.994 2.897c-3.856 3.856-3.856 10.132 0 13.988 3.855 3.855 10.131 3.855 13.988 0l9.051 9.051c-4.424 4.423-10.235 6.635-16.045 6.635z"
/>
<path
fill="url(#q)"
d="M35.491 194.041c-3.543 0-6.9.817-9.891 2.271V179.2H12.8v60.224h12.801v-2.271a22.549 22.549 0 0 0 9.891 2.271c12.512 0 22.691-10.18 22.691-22.691s-10.18-22.692-22.692-22.692zm0 32.582c-5.454 0-9.891-4.437-9.891-9.891s4.437-9.891 9.891-9.891 9.891 4.437 9.891 9.891-4.436 9.891-9.891 9.891z"
/>
</svg>
More icons in the same style and category