Add icons to this collection by clicking the heart icon.
Skill icon - also known as user, people, avatar, options, human, skill, check lists, skills, human resources, business and finance, and professions and jobs. Created in a clean flat 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 64 64"
>
<linearGradient
id="a"
x1="47"
x2="47"
y1="66.941"
y2="-1.437"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="17" x2="17" y1="66.941" y2="-1.437" href="#a" />
<linearGradient
id="c"
x1="20.745"
x2="20.745"
y1="66.941"
y2="-1.437"
href="#a"
/>
<linearGradient id="d" x1="38" x2="38" y1="66.941" y2="-1.437" href="#a" />
<linearGradient
id="e"
x1="13.255"
x2="13.255"
y1="66.941"
y2="-1.437"
href="#a"
/>
<linearGradient
id="f"
x1="9.5"
x2="9.5"
y1="66.941"
y2="-1.437"
href="#a"
/>
<linearGradient
id="g"
x1="24.5"
x2="24.5"
y1="66.941"
y2="-1.437"
href="#a"
/>
<linearGradient id="h" x1="50" x2="50" y1="66.941" y2="-1.437" href="#a" />
<g>
<g fill="url(#a)">
<path
d="M47 24a3 3 0 0 0 3-3 2.951 2.951 0 0 0-.3-1.285l-2.992 2.992-1.414-1.414 2.991-2.993A2.951 2.951 0 0 0 47 18a3 3 0 0 0 0 6zM47 49a3 3 0 0 0 3-3 2.951 2.951 0 0 0-.3-1.285l-2.992 2.992-1.414-1.414 2.991-2.993A2.951 2.951 0 0 0 47 43a3 3 0 0 0 0 6zM47 37a3 3 0 0 0 3-3 2.951 2.951 0 0 0-.3-1.285l-2.992 2.992-1.414-1.414 2.991-2.993A2.951 2.951 0 0 0 47 31a3 3 0 0 0 0 6z"
/>
</g>
<path
fill="url(#b)"
d="M22 31a5 5 0 0 0-10 0v1.91a5.022 5.022 0 0 0 1 .09 8.622 8.622 0 0 0 3.61-.92A10.362 10.362 0 0 1 21 31a7.718 7.718 0 0 1 1 .07zM19 45.76v-2.05a7.042 7.042 0 0 1-4 0v2.05l2 4z"
/>
<path
fill="url(#b)"
d="m23.67 48.76-.69 3.44a1 1 0 0 1-.64.74.974.974 0 0 1-.34.06 1.048 1.048 0 0 1-.63-.22l-2.6-2.09-.88 1.76a1 1 0 0 1-1.78 0l-.88-1.76-2.6 2.09A1.048 1.048 0 0 1 12 53a.974.974 0 0 1-.34-.06 1 1 0 0 1-.64-.74l-.69-3.44A8 8 0 0 0 6 55.85V60h22v-4.15a8 8 0 0 0-4.33-7.09z"
/>
<path fill="url(#c)" d="m19.69 48.86 1.65 1.33.46-2.3-1.33-.59z" />
<path
fill="url(#b)"
d="M22 33.09a5.022 5.022 0 0 0-1-.09 8.622 8.622 0 0 0-3.61.92A10.362 10.362 0 0 1 13 35a7.718 7.718 0 0 1-1-.07V37a5 5 0 0 0 10 0z"
/>
<path
fill="url(#d)"
d="M54 4.1V11a.987.987 0 0 1-.62.92.838.838 0 0 1-.38.08 1.007 1.007 0 0 1-.71-.29L50 9.41l-2.29 2.3a1 1 0 0 1-1.09.21A.987.987 0 0 1 46 11V4H23a5 5 0 0 0-5 5v15.08A7 7 0 0 1 24 31v2a3 3 0 0 1 0 6h-.29A7.073 7.073 0 0 1 21 42.74v2.61l3.06 1.36A10.013 10.013 0 0 1 30 55.85V60h23a5 5 0 0 0 5-5V9a5.017 5.017 0 0 0-4-4.9zM22 8h2v2h-2zm8 6h-8v-2h8zm0-4h-4V8h4zm10 39h-8v-2h8zm0-4h-8v-2h8zm0-8h-8v-2h8zm0-4h-8v-2h8zm0-9h-8v-2h8zm0-4h-8v-2h8zm12 26a5.013 5.013 0 1 1-2.25-4.17l1.54-1.54 1.42 1.42-1.54 1.54A4.979 4.979 0 0 1 52 46zm-.83-14.75a5.013 5.013 0 1 1-1.42-1.42l1.54-1.54 1.42 1.42zm0-13a5.013 5.013 0 1 1-1.42-1.42l1.54-1.54 1.42 1.42z"
/>
<path fill="url(#e)" d="m14.31 48.86-.78-1.56-1.33.59.46 2.3z" />
<path fill="url(#f)" d="M9 36a1 1 0 0 0 1 1v-2a1 1 0 0 0-1 1z" />
<path fill="url(#g)" d="M24 35v2a1 1 0 0 0 0-2z" />
<path
fill="url(#h)"
d="M49.29 7.29a1.008 1.008 0 0 1 1.42 0L52 8.59V4h-4v4.59z"
/>
</g>
</svg>
More icons in the same style and category