Add icons to this collection by clicking the heart icon.
Staff Only icon - also known as hanging, signaling, and signboard. 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="a"
x1="74.28"
x2="440.14"
y1="5.94"
y2="507.7"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0a6c" />
<stop offset="1" stop-color="#4a3cdb" />
</linearGradient>
<linearGradient
id="b"
x1="-85.67"
x2="280.18"
y1="122.57"
y2="624.33"
href="#a"
/>
<linearGradient
id="c"
x1="-9.86"
x2="356"
y1="67.29"
y2="569.05"
href="#a"
/>
<linearGradient
id="d"
x1="34.27"
x2="400.12"
y1="35.12"
y2="536.88"
href="#a"
/>
<linearGradient
id="e"
x1="64.91"
x2="430.76"
y1="12.78"
y2="514.54"
href="#a"
/>
<linearGradient
id="f"
x1="-60.96"
x2="304.89"
y1="104.56"
y2="606.31"
href="#a"
/>
<linearGradient
id="g"
x1="-23.32"
x2="342.53"
y1="77.11"
y2="578.87"
href="#a"
/>
<linearGradient
id="h"
x1="179.96"
x2="545.81"
y1="-71.11"
y2="430.65"
href="#a"
/>
<linearGradient
id="i"
x1="154.18"
x2="520.03"
y1="-52.31"
y2="449.45"
href="#a"
/>
<linearGradient
id="j"
x1="111.53"
x2="477.38"
y1="-21.21"
y2="480.54"
href="#a"
/>
<linearGradient
id="k"
x1="214.19"
x2="580.04"
y1="-96.07"
y2="405.69"
href="#a"
/>
<linearGradient
id="l"
x1="132.45"
x2="498.3"
y1="-36.46"
y2="465.29"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M476.58 167.43H35.41A30.45 30.45 0 0 0 5 197.84v33.92a6 6 0 0 0 12 0v-33.92a18.43 18.43 0 0 1 18.41-18.41h441.17A18.43 18.43 0 0 1 495 197.84v114.64a18.44 18.44 0 0 1-18.42 18.42H35.41A18.43 18.43 0 0 1 17 312.48v-33.92a6 6 0 0 0-12 0v33.92a30.45 30.45 0 0 0 30.41 30.42h441.17A30.45 30.45 0 0 0 507 312.48V197.84a30.45 30.45 0 0 0-30.42-30.41z"
/>
<path
fill="url(#b)"
d="M11 265.66a6 6 0 0 0 6-6v-9a6 6 0 1 0-12 0v9a6 6 0 0 0 6 6z"
/>
<path
fill="url(#c)"
d="M112.29 295.52a6 6 0 0 0 7.72-3.27l9-21.39h22.8l7.65 21.14a6 6 0 0 0 11.27-4.11l-25.31-69.53a6 6 0 0 0-11.27 0l-25.31 69.53a6 6 0 0 0 3.45 7.63zm27.49-57.58 7.62 20.92h-15.23z"
/>
<path
fill="url(#d)"
d="M211.11 226.4a6 6 0 0 0 0-12h-29.28a9.54 9.54 0 0 0-9.53 9.53v66a6 6 0 0 0 12 0v-28.76h26.81a6 6 0 1 0 0-12H184.3V226.4z"
/>
<path
fill="url(#e)"
d="M258.05 226.4a6 6 0 0 0 0-12h-29.28a9.53 9.53 0 0 0-9.53 9.53v66a6 6 0 1 0 12 0v-28.76h26.81a6 6 0 0 0 0-12h-26.81V226.4z"
/>
<path
fill="url(#f)"
d="M55.4 281.08a11.42 11.42 0 0 1-17.54-3 6 6 0 0 0-10.49 5.83 23.36 23.36 0 0 0 19 12c.5 0 1 .05 1.51.05a23.42 23.42 0 0 0 2.74-46.67h-.33c-.72-.05-1.21-.07-1.52-.08h-.09A11.42 11.42 0 1 1 58.32 230a6 6 0 0 0 8.68-8.32 23.41 23.41 0 1 0-19.8 39.37 9 9 0 0 0 1.37.21 7.12 7.12 0 0 0 1.3 0 11.41 11.41 0 0 1 5.53 19.8z"
/>
<path
fill="url(#g)"
d="M116.31 214.4H77.08a6 6 0 0 0 0 12H90.7v63.54a6 6 0 0 0 12 0V226.4h13.61a6 6 0 1 0 0-12z"
/>
<path
fill="url(#h)"
d="M416.57 214.4a6 6 0 0 0-6 6v64.29a11.27 11.27 0 0 0 11.25 11.25H443a6 6 0 0 0 0-12h-20.43V220.4a6 6 0 0 0-6-6z"
/>
<path
fill="url(#i)"
d="M362.43 289.94v-51.15l31 53.56a6.91 6.91 0 0 0 12.9-3.46V220.4a6 6 0 0 0-12 0v49.53l-30-51.81a7.45 7.45 0 0 0-13.91 3.74v68.08a6 6 0 0 0 12 0z"
/>
<path
fill="url(#j)"
d="M349.75 255.17c0-22.48-16.46-40.77-36.7-40.77s-36.7 18.29-36.7 40.77 16.46 40.77 36.7 40.77 36.7-18.29 36.7-40.77zm-61.4 0c0-15.87 11.08-28.77 24.7-28.77s24.7 12.9 24.7 28.77-11.08 28.77-24.7 28.77-24.7-12.94-24.7-28.77z"
/>
<path
fill="url(#k)"
d="M461.19 295.94a6 6 0 0 0 6-6v-37.58l17.34-28.87a6 6 0 1 0-10.29-6.18L461.19 239l-13.05-21.73a6 6 0 1 0-10.29 6.18l17.34 28.87v37.58a6 6 0 0 0 6 6.04z"
/>
<path
fill="url(#l)"
d="M284.47 77.14h-56.94a20 20 0 0 0-19.93 19.93v76.36a6 6 0 0 0 6 6h84.8a6 6 0 0 0 6-6V97.07a20 20 0 0 0-19.93-19.93zm7.93 90.29h-72.8V97.07a7.94 7.94 0 0 1 7.93-7.93h56.94a7.94 7.94 0 0 1 7.93 7.93z"
/>
</g>
</svg>
More icons in the same style and category