Add icons to this collection by clicking the heart icon.
Triangle icon - also known as signs, car, triangle, security, warning, transportation, signaling, and shapes and symbols. 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="74"
x2="437.954"
y1="74"
y2="437.954"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffeebc" />
<stop offset="1" stop-color="#ffde7a" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#353a3d" />
<stop offset="1" />
</linearGradient>
<linearGradient
id="e"
x1="124"
x2="388.001"
y1="396.273"
y2="396.273"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="124"
x2="388.002"
y1="396.273"
y2="396.273"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="124"
x2="388.003"
y1="396.273"
y2="396.273"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="124"
x2="388.001"
y1="396.273"
y2="396.273"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="124"
x2="388.002"
y1="416.98"
y2="416.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="124"
x2="388.001"
y1="416.98"
y2="416.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ff4437" />
<stop offset="1" stop-color="#ff0037" />
</linearGradient>
<linearGradient
id="k"
x1="70"
x2="429.236"
y1="235.293"
y2="235.293"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="70"
x2="429.235"
y1="235.293"
y2="235.293"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ff8937" />
<stop offset="1" stop-color="#ff6737" />
</linearGradient>
<linearGradient
id="m"
x1="121"
x2="389.151"
y1="235.293"
y2="235.293"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="121"
x2="389.152"
y1="235.293"
y2="235.293"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path fill="url(#e)" d="M145.117 375.566h20.04v41.414h-20.04zm0 0" />
<path fill="url(#f)" d="M346.844 375.566h20.039v41.414h-20.04zm0 0" />
<path fill="url(#g)" d="M249.32 375.566h16.7v41.414h-16.7zm0 0" />
<path fill="url(#h)" d="M245.98 375.566H256v41.414h-10.02zm0 0" />
<path
fill="url(#i)"
d="M386.922 406.96H256l-13.36 10.02L256 427h130.922zm0 0"
/>
<path fill="url(#j)" d="M125.078 406.96H256V427H125.078zm0 0" />
<path
fill="url(#k)"
d="M416.262 278.145 315.395 117.828C302.46 97.273 280.258 85 256 85l-40.078 35.066L256 155.13l100.867 160.32H256l-40.078 35.07L256 385.587h100.863c38.672 0 70.137-31.465 70.137-70.137a69.966 69.966 0 0 0-10.738-37.304zm0 0"
/>
<path
fill="url(#l)"
d="M155.133 315.45 256 155.128V85c-24.258 0-46.46 12.273-59.398 32.828L95.738 278.145A69.966 69.966 0 0 0 85 315.449c0 38.672 31.465 70.137 70.137 70.137H256v-70.137zm0 0"
/>
<path
fill="url(#m)"
d="M382.34 299.484 281.477 139.176c-5.555-8.828-15.079-14.098-25.477-14.098l-26.719 33.84L256 192.758l64.586 102.652H256l-26.719 25.05L256 345.509h100.863c16.575 0 30.059-13.485 30.059-30.059 0-5.758-1.543-11.129-4.582-15.965zm0 0"
/>
<path
fill="url(#n)"
d="M191.414 295.41 256 192.758v-67.68c-10.398 0-19.922 5.27-25.473 14.094L129.66 299.488c-3.039 4.832-4.582 10.203-4.582 15.961 0 16.574 13.484 30.059 30.059 30.059H256V295.41zm0 0"
/>
</svg>
More icons in the same style and category