Add icons to this collection by clicking the heart icon.
Hairpin icon - also known as pin, fashion, beauty, accessory, hair salon, hairstyle, Hairpin, and hair pins. 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="e"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008a4c" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<radialGradient
id="f"
cx="256"
cy="218.478"
r="300.451"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008a4c" stop-opacity=".8" />
<stop offset=".073" stop-color="#149948" stop-opacity=".739" />
<stop offset=".193" stop-color="#2eac42" stop-opacity=".637" />
<stop offset=".326" stop-color="#43ba3e" stop-opacity=".526" />
<stop offset=".475" stop-color="#51c53a" stop-opacity=".4" />
<stop offset=".656" stop-color="#59cb39" stop-opacity=".248" />
<stop offset=".95" stop-color="#5ccd38" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<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="g"
x1="-287.44"
x2="533.189"
y1="925.735"
y2="105.107"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-313.468"
x2="494.645"
y1="874.763"
y2="66.65"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-239.081"
x2="592.399"
y1="937.877"
y2="106.398"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-254.652"
x2="582.677"
y1="997.977"
y2="160.649"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-348.868"
x2="403.688"
y1="909.202"
y2="156.647"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-256.495"
x2="307.808"
y1="600.498"
y2="36.195"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#95e12e" />
<stop offset="1" stop-color="#ddff59" />
</linearGradient>
<linearGradient
id="m"
x1="-72.67"
x2="480.353"
y1="661.652"
y2="108.63"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="159.58"
x2="513.38"
y1="307.071"
y2="-46.729"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ddff59" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="o"
x1="105.907"
x2="413.656"
y1="471.386"
y2="163.637"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="-312.196"
x2="178.954"
y1="607.812"
y2="116.662"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="20.983"
x2="569.463"
y1="415.41"
y2="-133.071"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="101.642"
x2="414.568"
y1="536.677"
y2="223.751"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="-308.18"
x2="165.073"
y1="663.564"
y2="190.311"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="17.05"
x2="567.761"
y1="479.785"
y2="-70.926"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="410.044"
x2="140.983"
y1="112.419"
y2="-42.924"
gradientTransform="scale(-1 1) rotate(15 -.14 -1777.252)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="485.359"
x2="24.246"
y1="233.252"
y2="-32.972"
gradientTransform="scale(-1 1) rotate(15 -.14 -1777.252)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset=".328" stop-color="#008547" stop-opacity=".8" />
<stop offset=".481" stop-color="#189743" stop-opacity=".617" />
<stop offset=".828" stop-color="#49be3b" stop-opacity=".205" />
<stop offset="1" stop-color="#5ccd38" stop-opacity="0" />
</linearGradient>
<radialGradient
id="w"
cx="255.997"
cy="164.181"
r="149.189"
gradientTransform="scale(-1 1) rotate(15 -.14 -1777.252)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="118.24"
x2="446.341"
y1="465.23"
y2="-103.057"
gradientTransform="rotate(14.98 255.77 165.988)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="213.923"
x2="430.047"
y1="299.605"
y2="-74.733"
gradientTransform="rotate(14.98 255.77 165.988)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="z"
cx="255.997"
cy="164.181"
r="149.189"
gradientTransform="rotate(14.98 255.77 165.988)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="A"
x1="10.665"
x2="372.207"
y1="409.81"
y2="48.269"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="B"
x1="-76.972"
x2="317.246"
y1="496.941"
y2="102.723"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="C"
x1="141.954"
x2="308.051"
y1="276.737"
y2="110.64"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="D"
x1="139.619"
x2="336.342"
y1="276.284"
y2="53.932"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="E"
x1="133.22"
x2="328.953"
y1="269.537"
y2="48.303"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="F"
x1="166.741"
x2="362.319"
y1="299.221"
y2="78.163"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="G"
x1="165.504"
x2="273.456"
y1="254.096"
y2="146.144"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<circle cx="256" cy="256" r="256" fill="url(#f)" />
<path
fill="url(#g)"
d="M210.28 378.603c.144 20.463.326 40.926.547 61.388.097 8.473 6.895 15.454 15.173 15.541s14.967-6.766 14.942-15.256c-.074-20.496-.134-40.992-.182-61.488-10.16-.03-20.32-.092-30.48-.185z"
/>
<path
fill="url(#h)"
d="M149.085 362.45c.291 20.298.672 40.595 1.142 60.893.2 8.402 7.117 15.447 15.427 15.686 8.311.24 14.927-6.454 14.794-14.905a9753.188 9753.188 0 0 1-.816-61.19 5762.174 5762.174 0 0 1-30.547-.484z"
/>
<path
fill="url(#i)"
d="M271.24 378.789a50410.99 50410.99 0 0 1-.182 61.488c-.025 8.49 6.664 15.343 14.942 15.256s15.076-7.067 15.173-15.541c.221-20.463.403-40.926.547-61.388-10.16.092-20.32.154-30.48.185z"
/>
<path
fill="url(#j)"
d="M332.368 362.934c-.208 20.397-.48 40.793-.816 61.19-.134 8.451 6.483 15.146 14.794 14.905 8.31-.24 15.227-7.284 15.427-15.686.47-20.297.851-40.595 1.142-60.893-10.182.188-20.364.35-30.547.484z"
/>
<path
fill="url(#k)"
d="M148.413 240.665c-.134 40.595.09 81.19.672 121.785.124 8.403 7.062 15.367 15.475 15.525 8.414.158 15.154-6.59 15.072-15.042a9751.316 9751.316 0 0 1-.432-61.19c-.034-8.446 6.833-15.273 15.322-15.256 8.489.018 15.379 6.902 15.398 15.38.06 25.578.18 51.157.36 76.736.063 8.474 6.926 15.419 15.317 15.479 8.391.059 15.179-6.803 15.163-15.293-.06-25.62-.1-51.24-.12-76.86-.008-8.489 6.871-15.367 15.36-15.367 8.489.001 15.368 6.878 15.36 15.367-.02 25.62-.06 51.24-.12 76.86-.016 8.49 6.772 15.352 15.163 15.293s15.253-7.005 15.317-15.479c.18-25.578.3-51.157.36-76.736.018-8.478 6.91-15.361 15.398-15.38 8.488-.018 15.357 6.81 15.322 15.256-.08 20.397-.224 40.793-.432 61.19-.082 8.451 6.659 15.2 15.072 15.042 8.412-.158 15.351-7.123 15.475-15.525.582-40.595.806-81.19.672-121.785-71.725-.303-143.449-.303-215.174 0z"
/>
<path
fill="url(#l)"
d="M102.976 180.642a4729.349 4729.349 0 0 0-.672 60.26c20.493-.124 40.986-.223 61.478-.298.058-20.351.192-40.702.403-61.054-20.403.274-40.806.638-61.209 1.092z"
/>
<path
fill="url(#m)"
d="M347.814 179.551c.211 20.351.346 40.703.403 61.054 20.493.074 40.986.174 61.478.298-.096-20.087-.32-40.174-.672-60.26a6863.763 6863.763 0 0 0-61.209-1.092z"
/>
<path
fill="url(#n)"
d="M133.581 180.028a5993.167 5993.167 0 0 0-.538 60.707 25387.93 25387.93 0 0 1 245.914 0 5993.167 5993.167 0 0 0-.538-60.707 6871.894 6871.894 0 0 0-244.838 0z"
/>
<path
fill="url(#o)"
d="M408.736 165.577c-10.182-.269-20.365-.51-30.547-.725.166 10.118.307 20.236.422 30.353 10.218.149 20.435.316 30.653.502 8.466.147 15.226-6.43 15.062-14.707-.162-8.277-7.159-15.194-15.59-15.423z"
/>
<path
fill="url(#p)"
d="M103.264 165.577c-8.432.229-15.427 7.146-15.59 15.423-.164 8.277 6.596 14.854 15.062 14.707 10.218-.186 20.435-.353 30.653-.502.115-10.118.256-20.236.422-30.353-10.182.215-20.365.456-30.547.725z"
/>
<path
fill="url(#q)"
d="M378.189 164.852a5790.892 5790.892 0 0 0-244.378 0c-8.431.184-15.399 7.12-15.533 15.466-.135 8.347 6.644 15.004 15.11 14.887a8422.551 8422.551 0 0 1 245.222 0c8.466.117 15.244-6.54 15.11-14.887-.133-8.346-7.099-15.283-15.531-15.466z"
/>
<path
fill="url(#r)"
d="M409.6 225.837c-10.24-.103-20.48-.196-30.72-.279.064 10.118.102 20.236.115 30.353 10.25.017 20.499.035 30.749.056 8.491.01 15.366-6.69 15.322-14.967-.045-8.277-6.984-15.071-15.466-15.163z"
/>
<path
fill="url(#s)"
d="M102.4 225.837c-8.481.092-15.421 6.886-15.466 15.163s6.831 14.978 15.322 14.967c10.25-.021 20.499-.039 30.749-.056.013-10.118.051-20.236.115-30.353-10.24.083-20.48.176-30.72.279z"
/>
<path
fill="url(#t)"
d="M378.88 225.558c-81.92-.661-163.84-.661-245.76 0-8.481.074-15.41 6.909-15.446 15.256s6.84 15.106 15.331 15.098c81.997-.132 163.994-.132 245.99 0 8.491.008 15.368-6.751 15.331-15.098-.036-8.347-6.964-15.182-15.446-15.256z"
/>
<path
fill="url(#u)"
d="M142.026 134.419c-6.711-13.427-10.574-28.469-10.926-44.542-.07-3.249 2.69-6.057 5.914-6.011 15.949.227 30.911 4.055 44.292 10.782a8339.332 8339.332 0 0 1-39.28 39.771z"
/>
<path
fill="url(#v)"
d="M181.307 94.648c35.382 17.826 59.994 55.881 59.972 99.677-43.7.052-81.494-24.396-99.252-59.906-12.175-24.42 14.947-51.998 39.28-39.771z"
/>
<path
fill="url(#w)"
d="M181.307 94.648c35.382 17.826 59.994 55.881 59.972 99.677-43.7.052-81.494-24.396-99.252-59.906-12.175-24.42 14.947-51.998 39.28-39.771z"
/>
<path
fill="url(#x)"
d="M369.973 134.419c6.713-13.427 10.574-28.469 10.926-44.542.071-3.249-2.69-6.057-5.914-6.011-15.95.227-30.91 4.055-44.293 10.782a8484.601 8484.601 0 0 0 39.281 39.771z"
/>
<path
fill="url(#y)"
d="M330.693 94.648c-35.382 17.826-59.994 55.881-59.972 99.677 43.7.052 81.494-24.396 99.252-59.906 12.175-24.42-14.946-51.998-39.28-39.771z"
/>
<path
fill="url(#z)"
d="M330.693 94.648c-35.382 17.826-59.994 55.881-59.972 99.677 43.7.052 81.494-24.396 99.252-59.906 12.175-24.42-14.946-51.998-39.28-39.771z"
/>
<path
fill="url(#A)"
d="M347.642 164.288c.677 50.433-40.701 91.436-91.642 91.525-50.941-.089-92.319-41.091-91.642-91.525.795-50.409 42.175-92.91 91.642-92.975 49.467.064 90.846 42.566 91.642 92.975z"
/>
<path
fill="url(#B)"
d="M317.094 163.885c.31 33.815-27.147 61.15-61.094 61.178-33.948-.028-61.404-27.363-61.094-61.178.345-33.804 27.801-61.805 61.094-61.822 33.293.016 60.75 28.019 61.094 61.822z"
/>
<path
fill="url(#C)"
d="M301.821 163.744c-.11-17.033-9.426-32.005-23.059-40.058a4063.45 4063.45 0 0 0-45.523 0c-13.633 8.054-22.95 23.025-23.059 40.058 7.557 13.229 15.17 26.497 22.816 39.786 6.762 3.908 14.618 6.157 23.005 6.157s16.243-2.249 23.005-6.157a15081.15 15081.15 0 0 0 22.815-39.786z"
/>
<path
fill="url(#D)"
d="M232.995 203.53A16328.265 16328.265 0 0 0 256 163.562c-15.274 0-30.547.06-45.821.181-.109 17.037 9.074 31.844 22.816 39.787z"
/>
<path
fill="url(#E)"
d="M256 117.438c-8.284-.001-16.047 2.286-22.762 6.248A10427.498 10427.498 0 0 0 256 163.563a10427.498 10427.498 0 0 0 22.762-39.877c-6.715-3.962-14.478-6.249-22.762-6.248z"
/>
<path
fill="url(#F)"
d="M256 163.562a16328.265 16328.265 0 0 0 23.005 39.968c13.742-7.944 22.926-22.75 22.816-39.787-15.274-.12-30.547-.181-45.821-.181z"
/>
<path
fill="url(#G)"
d="M266.77 144.746c-7.18-.016-14.359-.016-21.539 0-3.6 6.284-7.211 12.57-10.829 18.857 3.582 6.26 7.174 12.527 10.775 18.797 7.216-.011 14.432-.011 21.647 0 3.601-6.27 7.193-12.536 10.775-18.797-3.618-6.287-7.229-12.574-10.829-18.857z"
/>
</svg>
More icons in the same style and category