Home/Libraries/Freehand free icons (Iconify)/job-profile-search

Freehand free icons (Iconify)

JobProfileSearch

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M21.033 20.83a3.64 3.64 0 0 0 1.782-2.723a5.44 5.44 0 0 0-.581-3.193a5 5 0 0 0-2.122-2.112a4.4 4.4 0 0 0-3.003-.33a7.9 7.9 0 0 0-2.362.92c-.51.308-.958.709-1.321 1.182a4.9 4.9 0 0 0-.751 3.743a4.41 4.41 0 0 0 2.092 3.123a4.36 4.36 0 0 0 2.002.5a9.8 9.8 0 0 0 2.893-.42a.22.22 0 0 0 .16-.12c.13.29.25.57.41.85q.123.236.29.441c.1.13.22.26.34.39c.28.29.591.551.902.831a.32.32 0 0 0 .511-.102a.31.31 0 0 0-.071-.348c-.2-.35-.38-.69-.59-1.001c-.08-.14-.18-.28-.28-.42a4 4 0 0 0-.321-.39a10 10 0 0 0-.58-.561q.314-.095.6-.26m-4.264.43a3.8 3.8 0 0 1-1.632-.49a3.6 3.6 0 0 1-1.541-2.613a3.9 3.9 0 0 1 .67-2.943c.361-.459.82-.831 1.342-1.09a8 8 0 0 1 1.741-.621a3.43 3.43 0 0 1 2.313.21a3.94 3.94 0 0 1 1.761 1.651c.482.796.696 1.726.61 2.653a2.88 2.88 0 0 1-1.33 2.232a2.5 2.5 0 0 1-.551.26c-1.121.37-1.331.911-3.363.75z"/><path d="M12.485 20.74c-.46 0-1.391.06-2.412.06H6.439l-2.002-.05l-1.05-.13c-.851-.17-1.172-.511-1.172-1.002a18.6 18.6 0 0 1 1.001-3.343c.304-1.236.508-2.495.61-3.763c.12-1.379.12-2.766 0-4.144c-.19-2.002-.55-4.064-.86-6.076a.27.27 0 0 0-.23-.21c1.801-.23 3.633-.55 5.475-.76a26 26 0 0 1 3.813-.201c.27 0 1.001-.06 1.702-.05c.33 0 .63 0 .75.08c.801.66 1.652 1.411 2.443 2.202q.753.79 1.421 1.652c.06.07 0 .24 0 .4v.71l-.06 4.685a.32.32 0 0 0 .63 0l.271-4.674a9 9 0 0 0 0-1.001a1.3 1.3 0 0 0-.15-.73a21 21 0 0 0-1.862-2.143A26 26 0 0 0 15.127.33a2.1 2.1 0 0 0-1.1-.33c-.731 0-1.692.06-2.003 0a22 22 0 0 0-3.002.28c-2.303.31-4.585.891-6.807 1.271a.3.3 0 0 0-.2.32a.29.29 0 0 0 .32.241h.2a.26.26 0 0 0-.16.27c.22 2.002.49 4.004.58 6.006c.074 1.336.03 2.675-.13 4.004c-.07.61-.16 1.22-.27 1.821c-.11.6-.27 1.201-.41 1.802c-.3 1.251-1 2.592-1 3.603s.47 1.702 2.001 2.002l1.231.09H6.38c.64 0 2.222-.06 3.654-.12c1 0 2.001-.09 2.452-.15a.31.31 0 0 0 .29-.34a.32.32 0 0 0-.29-.36"/><path d="M15.528 11.43a.32.32 0 0 0 .06-.63c-.54-.08-1.081-.12-1.622-.15h-.21a5 5 0 0 0-.18-1.241a2.7 2.7 0 0 0-.22-.53a2 2 0 0 0-.33-.481a3.4 3.4 0 0 0-.561-.39a2.6 2.6 0 0 0 .63-1.892a2.37 2.37 0 0 0-2.372-2.423a2.56 2.56 0 0 0-2.632 2.443a2.19 2.19 0 0 0 1.09 1.942q-.388.19-.73.46a2.8 2.8 0 0 0-.68.77a2.3 2.3 0 0 0-.3 1.702c-.521.1-1.002.22-1.542.36a.27.27 0 0 0-.22.32a.28.28 0 0 0 .31.221c.55-.07 1.1-.11 1.661-.15s1.292 0 1.942 0s1.301-.06 2.002-.07c.91-.07 1.842-.17 2.763-.21q.57-.054 1.14-.05m-4.785-6.666a1.44 1.44 0 0 1 1.472 1.392c.33 2.702-3.394 2.002-3.213 0a1.62 1.62 0 0 1 1.741-1.392m.821 5.826c-.75 0-1.511 0-2.262.12c-.39 0-.78.11-1.161.17c.038-.263.138-.513.29-.73c.09-.12.19-.23.29-.35l.46-.551c.281-.31.531-.621.771-.881c1.392.28 1.402.26 1.872.05c.11.16.22.31.31.47s.1.2.16.29s.16.29.25.431q.288.484.511 1zm.511 2.912a.31.31 0 0 0-.31-.32c-.6-.07-1.171-.15-1.761-.2h-.781c-.49 0-1.001.05-1.472.12c-.72.11-1.41.3-2.132.39a.28.28 0 1 0 0 .56q1.104.1 2.212.08c.48 0 1.001-.08 1.432-.1l2.472-.18a.31.31 0 0 0 .34-.35m-3.363 1.841h-.78q-.384.024-.761.09c-.59.11-1.141.28-1.712.4a.29.29 0 0 0-.26.301a.28.28 0 0 0 .3.26c.66 0 1.332.08 2.002.05c.38 0 .77-.06 1.151-.08a8 8 0 0 1 1.712 0a.33.33 0 0 0 .38-.24a.31.31 0 0 0-.24-.38a7 7 0 0 0-1.792-.4"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. JobProfileSearchIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.