Add icons to this collection by clicking the heart icon.
Tie Clip icon - also known as fashion, male, man, gem, and tie clip. 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.019"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008a4c" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<radialGradient
id="d"
cx="-7935.445"
cy="-5179.924"
r="405.205"
gradientTransform="matrix(1 0 0 .644 8191.445 3591.182)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008a4c" stop-opacity=".4" />
<stop offset=".031" stop-color="#12944a" stop-opacity=".388" />
<stop offset=".115" stop-color="#3fad45" stop-opacity=".354" />
<stop offset=".206" stop-color="#67c340" stop-opacity=".318" />
<stop offset=".301" stop-color="#88d63c" stop-opacity=".28" />
<stop offset=".402" stop-color="#a4e539" stop-opacity=".239" />
<stop offset=".512" stop-color="#b9f036" stop-opacity=".195" />
<stop offset=".633" stop-color="#c8f934" stop-opacity=".147" />
<stop offset=".778" stop-color="#d0fe33" stop-opacity=".089" />
<stop offset="1" stop-color="#d3ff33" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#95e12e" />
<stop offset="1" stop-color="#ddff59" />
</linearGradient>
<linearGradient
id="e"
x1="61.006"
x2="307.211"
y1="279.889"
y2="33.684"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="4.608"
x2="117.338"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3ff33" stop-opacity="0" />
<stop offset=".148" stop-color="#cffd33" stop-opacity=".118" />
<stop offset=".286" stop-color="#c4f735" stop-opacity=".229" />
<stop offset=".422" stop-color="#b1ec37" stop-opacity=".337" />
<stop offset=".554" stop-color="#96dd3a" stop-opacity=".444" />
<stop offset=".686" stop-color="#74ca3e" stop-opacity=".549" />
<stop offset=".816" stop-color="#4ab343" stop-opacity=".653" />
<stop offset=".943" stop-color="#199849" stop-opacity=".754" />
<stop offset="1" stop-color="#008a4c" stop-opacity=".8" />
</linearGradient>
<linearGradient
id="g"
x1="26.637"
x2="313.89"
y1="345.232"
y2="57.979"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-4.827"
x2="373.804"
y1="554.851"
y2="176.22"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-74.867"
x2="467.662"
y1="685.49"
y2="142.962"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ddff59" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#008547" />
<stop offset=".121" stop-color="#128f45" />
<stop offset=".365" stop-color="#41aa41" />
<stop offset=".705" stop-color="#8cd63a" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="j"
x1="299.873"
x2="460.86"
y1="311.662"
y2="150.675"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="326.025"
x2="457.308"
y1="285.515"
y2="154.233"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M49.844 225.897c-8.424.06-15.901 6.823-16.266 15.103-.438 10-.438 20 0 30 .365 8.279 7.841 15.043 16.266 15.103 25.469.166 50.938.3 76.406.402-1-20.337-1-40.674 0-61.011-25.469.103-50.937.237-76.406.403z"
/>
<path
fill="url(#f)"
d="M49.844 225.897c-8.424.06-15.901 6.823-16.266 15.103-.438 10-.438 20 0 30 .365 8.279 7.841 15.043 16.266 15.103 25.469.166 50.938.3 76.406.402-1-20.337-1-40.674 0-61.011-25.469.103-50.937.237-76.406.403z"
/>
<path
fill="url(#g)"
d="M96.215 218.041c-8.394.057-15.826 6.884-16.26 15.244a445.284 445.284 0 0 0 0 45.43c.433 8.358 7.866 15.186 16.26 15.244 15.229.095 30.457.177 45.686.244a712.275 712.275 0 0 1 0-76.406c-15.229.067-30.458.148-45.686.244z"
/>
<path
fill="url(#h)"
d="M446.471 218.371a24233.097 24233.097 0 0 0-304.57-.574c-8.395.041-15.661 6.905-15.979 15.324a620.044 620.044 0 0 0 0 45.758c.318 8.42 7.583 15.285 15.979 15.324 101.523.447 203.047.255 304.57-.574 8.393-.073 15.993-6.85 16.541-15.129.984-15 .984-30 0-45-.549-8.278-8.149-15.057-16.541-15.129z"
/>
<path
fill="url(#i)"
d="M417.625 256c-.128 33.38-31.386 60.828-64.125 61.125-32.829.266-58.659-27.182-58.875-61.125.216-33.943 26.046-61.392 58.875-61.125 32.739.296 63.998 27.744 64.125 61.125z"
/>
<path
fill="url(#j)"
d="M394.563 256c-.025 20.966-18.541 38.09-39.463 38.203-20.958.106-37.352-17.019-37.412-38.203.059-21.186 16.454-38.308 37.412-38.203 20.922.113 39.437 17.239 39.463 38.203z"
/>
<path
fill="url(#k)"
d="M367.475 271.26c-21.176.056-38.007-17.074-38.533-38.243-.037-1.57.025-3.117.166-4.638-7.041 6.952-11.419 16.753-11.42 27.621.059 21.185 16.454 38.313 37.412 38.203 19.377-.099 36.651-14.798 39.152-33.601-6.973 6.565-16.467 10.638-26.777 10.658z"
/>
</svg>
More icons in the same style and category