Add icons to this collection by clicking the heart icon.
Tie icon - also known as ribbon, fashion, costume, party, celebration, tie, and fun. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="g"
x1="308.382"
x2="322.367"
y1="83.106"
y2="128.558"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f82814" stop-opacity="0" />
<stop offset="1" stop-color="#c0272d" />
</linearGradient>
<linearGradient
id="h"
x1="330.922"
x2="295.183"
y1="136.489"
y2="74.592"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="180.829"
x2="201.807"
y1="85.107"
y2="128.228"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="206.265"
x2="210.409"
y1="120.913"
y2="90.871"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="312.055"
x2="341.459"
y1="14.773"
y2="84.083"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-1365.708"
x2="-1427.314"
y1="-225.876"
y2="-255.538"
gradientTransform="translate(1695.971 305.389)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="185.342"
x2="180.091"
y1="13.392"
y2="88.478"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="1950.916"
x2="1889.31"
y1="-239.474"
y2="-269.136"
gradientTransform="matrix(-1 .004 .004 1 2130.709 305.389)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="-1157.46"
x2="-1154.948"
y1="-1272.55"
y2="-1225.002"
gradientTransform="rotate(-32.47 1851.304 -3008.25)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="-1156.559"
x2="-1156.559"
y1="-1248.984"
y2="-1302.782"
gradientTransform="rotate(-32.47 1851.304 -3008.25)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7044" stop-opacity="0" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="q"
x1="-2139.13"
x2="-2098.535"
y1="439.242"
y2="363.741"
gradientTransform="translate(2388.822 -372.505)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#00adfb" />
<stop offset="1" stop-color="#3f3ced" />
</linearGradient>
<linearGradient
id="r"
x1="169.652"
x2="332.346"
y1="346.067"
y2="376.753"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="282.246"
x2="117.985"
y1="346.565"
y2="445.244"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00adfb" stop-opacity="0" />
<stop offset=".341" stop-color="#04b3fb" stop-opacity=".341" />
<stop offset=".801" stop-color="#11c4fb" stop-opacity=".801" />
<stop offset="1" stop-color="#18cefb" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#3f3ced" stop-opacity="0" />
<stop offset=".28" stop-color="#3c3de4" stop-opacity=".28" />
<stop offset=".731" stop-color="#3541cc" stop-opacity=".731" />
<stop offset="1" stop-color="#2f43bb" />
</linearGradient>
<linearGradient
id="t"
x1="282.507"
x2="180.355"
y1="371.139"
y2="322.923"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="300.929"
x2="234.326"
y1="311.168"
y2="204.112"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="249.114"
x2="269.544"
y1="181.256"
y2="260.526"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="128.232"
x2="176.548"
y1="329.083"
y2="393.504"
gradientTransform="translate(-2.261 -2.521)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="x"
x1="142.639"
x2="176.807"
y1="194.208"
y2="239.764"
gradientTransform="translate(-2.261 -2.521)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="y"
x1="343.425"
x2="377.592"
y1="288.588"
y2="334.145"
gradientTransform="translate(-2.261 -2.521)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="375.46"
x2="409.627"
y1="193.789"
y2="239.345"
gradientTransform="translate(-2.261 -2.521)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92f37f" />
<stop offset="1" stop-color="#4ab272" />
</linearGradient>
<linearGradient id="f">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="A"
x1="417.271"
x2="465.587"
y1="335.614"
y2="400.035"
gradientTransform="translate(-2.261 -2.521)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="B"
x1="59.625"
x2="93.793"
y1="253.677"
y2="299.233"
gradientTransform="translate(-2.261 -2.521)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<path
fill="url(#g)"
d="m375.969 128.578-16.596-25.622a56.285 56.285 0 0 0-35.305-24.406l-49.436-10.73c-13.402-2.909-24.109 11.145-17.747 23.294l17.036 32.531a56.289 56.289 0 0 0 50.095 30.175l38.38-.156c12.852-.053 20.56-14.299 13.573-25.086z"
/>
<path
fill="url(#h)"
d="m375.969 128.578-16.596-25.622a56.285 56.285 0 0 0-35.305-24.406l-49.436-10.73c-13.402-2.909-24.109 11.145-17.747 23.294l17.036 32.531a56.289 56.289 0 0 0 50.095 30.175l38.38-.156c12.852-.053 20.56-14.299 13.573-25.086z"
/>
<path
fill="url(#i)"
d="m235.368 67.82-49.436 10.73a56.285 56.285 0 0 0-35.305 24.406l-16.596 25.622c-6.987 10.787.721 25.033 13.573 25.085l38.38.156a56.289 56.289 0 0 0 50.095-30.175l17.036-32.531c6.363-12.148-4.344-26.202-17.747-23.293z"
/>
<path
fill="url(#j)"
d="m235.368 67.82-49.436 10.73a56.249 56.249 0 0 0-18.632 7.763l54.67 54.67a56.184 56.184 0 0 0 14.109-17.338l17.036-32.531c6.363-12.149-4.344-26.203-17.747-23.294z"
/>
<path
fill="url(#k)"
d="m257.204 73.32 19.92-38.037A65.815 65.815 0 0 1 335.698.001l44.877.183c15.028.061 24.041 16.718 15.871 29.331L377.04 59.473a65.82 65.82 0 0 1-41.281 28.538l-57.804 12.546c-15.671 3.401-28.191-13.032-20.751-27.237z"
/>
<path
fill="url(#l)"
d="M355.916 40.297c-39.753-.162-75.613 16.587-100.822 43.461.964 10.583 11.001 19.373 22.861 16.799l57.804-12.546a65.817 65.817 0 0 0 41.281-28.538l10.014-15.46c-10.005-2.363-20.418-3.672-31.138-3.716z"
/>
<path
fill="url(#m)"
d="m252.796 73.32-19.92-38.037A65.815 65.815 0 0 0 174.302.001l-44.877.183c-15.028.061-24.041 16.718-15.871 29.331l19.405 29.959a65.82 65.82 0 0 0 41.281 28.538l57.804 12.546c15.672 3.4 28.192-13.033 20.752-27.238z"
/>
<path
fill="url(#n)"
d="M154.084 40.297c39.753-.162 75.613 16.587 100.822 43.461-.964 10.583-11.001 19.373-22.861 16.799l-57.804-12.546a65.82 65.82 0 0 1-41.281-28.538l-10.014-15.46c10.005-2.363 20.418-3.672 31.138-3.716z"
/>
<path
fill="url(#o)"
d="M284.535 85.558c.233 16.309-12.802 29.718-29.114 29.95-16.312.233-29.723-12.799-29.956-29.108-.233-16.308 12.802-29.718 29.113-29.95 16.312-.232 29.724 12.8 29.957 29.108z"
/>
<path
fill="url(#p)"
d="M279.649 85.628c.194 13.611-10.684 24.802-24.298 24.996-13.613.194-24.807-10.682-25.001-24.293s10.684-24.802 24.298-24.996 24.807 10.682 25.001 24.293z"
/>
<path
fill="url(#q)"
d="M267.835 59.376a29.399 29.399 0 0 1 3.303 13.165c.233 16.309-12.802 29.718-29.114 29.95a29.413 29.413 0 0 1-13.256-2.926c4.987 9.607 15.091 16.108 26.653 15.943 16.312-.233 29.346-13.642 29.114-29.95-.165-11.56-6.953-21.471-16.7-26.182z"
/>
<path
fill="url(#r)"
d="M281.586 218.908h-53.171l-41.358 207.688a51.002 51.002 0 0 0 17.677 49.395l34.668 28.431c9.069 7.438 22.128 7.438 31.197 0l34.668-28.431a50.999 50.999 0 0 0 17.677-49.395z"
/>
<path
fill="url(#s)"
d="m219.443 475.991 34.668 28.431a24.514 24.514 0 0 0 8.244 4.433 24.514 24.514 0 0 0 8.244-4.433l34.668-28.431a51 51 0 0 0 17.677-49.395l-41.358-207.688h-38.461l-41.358 207.688a50.999 50.999 0 0 0 17.676 49.395z"
/>
<path
fill="url(#t)"
d="M281.586 218.908h-26.492v291.088a24.547 24.547 0 0 0 15.505-5.574l34.668-28.431a51 51 0 0 0 17.677-49.395z"
/>
<path
fill="url(#u)"
d="m222.853 246.838 80.282 80.282-21.549-108.212h-53.172l-5.562 27.93z"
/>
<path
fill="url(#v)"
d="M282.031 247.623h-54.062c-8.62 0-15.893-6.417-16.967-14.97l-4.46-35.525c-1.282-10.209 6.678-19.23 16.967-19.23h62.982c10.289 0 18.248 9.021 16.967 19.23l-4.46 35.525c-1.074 8.553-8.346 14.97-16.967 14.97z"
/>
<path
fill="url(#w)"
d="M183.215 351.498a129.907 129.907 0 0 0-38.279 38.506c-2.225 3.458-7.361 3.449-9.574-.018a129.892 129.892 0 0 0-38.138-38.645c-3.391-2.228-3.382-7.293.017-9.509a129.896 129.896 0 0 0 38.279-38.506c2.225-3.458 7.361-3.449 9.574.017a129.895 129.895 0 0 0 38.139 38.645c3.39 2.229 3.381 7.294-.018 9.51z"
/>
<path
fill="url(#x)"
d="M180.929 209.414a91.848 91.848 0 0 0-27.07 27.23c-1.574 2.446-5.206 2.439-6.77-.012a91.844 91.844 0 0 0-26.97-27.328c-2.398-1.575-2.392-5.158.012-6.724a91.845 91.845 0 0 0 27.069-27.23c1.574-2.446 5.206-2.439 6.77.012a91.867 91.867 0 0 0 26.97 27.328c2.399 1.575 2.392 5.157-.011 6.724z"
/>
<path
fill="url(#y)"
d="M381.544 304.156a91.848 91.848 0 0 0-27.07 27.23c-1.574 2.446-5.206 2.439-6.77-.012a91.844 91.844 0 0 0-26.97-27.328c-2.398-1.575-2.392-5.158.012-6.724a91.845 91.845 0 0 0 27.069-27.23c1.574-2.445 5.206-2.439 6.77.012a91.867 91.867 0 0 0 26.97 27.328c2.4 1.575 2.393 5.157-.011 6.724z"
/>
<path
fill="url(#z)"
d="M413.75 209.414a91.848 91.848 0 0 0-27.07 27.23c-1.574 2.446-5.206 2.439-6.77-.012a91.844 91.844 0 0 0-26.97-27.328c-2.398-1.575-2.392-5.158.012-6.724a91.845 91.845 0 0 0 27.069-27.23c1.574-2.446 5.206-2.439 6.77.012a91.867 91.867 0 0 0 26.97 27.328c2.399 1.575 2.393 5.157-.011 6.724z"
/>
<path
fill="url(#A)"
d="M472.242 358.549a129.907 129.907 0 0 0-38.279 38.506c-2.225 3.458-7.361 3.449-9.574-.018a129.892 129.892 0 0 0-38.138-38.645c-3.391-2.228-3.382-7.293.017-9.509a129.896 129.896 0 0 0 38.279-38.506c2.225-3.458 7.361-3.449 9.574.017a129.895 129.895 0 0 0 38.139 38.645c3.391 2.229 3.381 7.295-.018 9.51z"
/>
<path
fill="url(#B)"
d="M97.808 268.734a91.848 91.848 0 0 0-27.07 27.23c-1.574 2.446-5.206 2.439-6.77-.012a91.844 91.844 0 0 0-26.97-27.328c-2.398-1.575-2.392-5.158.012-6.724a91.845 91.845 0 0 0 27.069-27.23c1.574-2.446 5.206-2.439 6.77.012a91.867 91.867 0 0 0 26.97 27.328c2.399 1.575 2.392 5.157-.011 6.724z"
/>
</svg>
More icons in the same style and category