Add icons to this collection by clicking the heart icon.
Scalene Triangle icon - also known as geometry, shapes and symbols, and scalene 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="a"
cx="351.868"
cy="1279.098"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -74.264 225.645)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa8b1" />
<stop offset=".203" stop-color="#ffbcc3" />
<stop offset=".467" stop-color="#ffd2d6" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<radialGradient
id="b"
cx="215.939"
cy="153.958"
r="231.08"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd6d6" />
<stop offset=".535" stop-color="#ffb3bd" />
<stop offset=".56" stop-color="#ffb1bb" />
<stop offset=".973" stop-color="#ff8b99" />
</radialGradient>
<radialGradient
id="c"
cx="400.034"
cy="339.305"
r="364.038"
gradientTransform="rotate(135 386.426 306.37) scale(1 .806)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff546a" />
<stop offset=".504" stop-color="#ff3650" />
<stop offset=".657" stop-color="#e92b5a" />
<stop offset=".942" stop-color="#c3186c" />
</radialGradient>
<path
fill="url(#a)"
d="M256 396.8c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
<path fill="url(#b)" d="M320 115.2 0 371.2h38.4L217.6 256l140.8-140.8z" />
<path fill="url(#c)" d="M512 371.2H38.4l320-256z" />
</svg>
More icons in the same style and category