Home/Libraries/Freehand free icons (Iconify)/mobilephone-action-location-lock

Freehand free icons (Iconify)

MobilephoneActionLocationLock

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="M11.641 22.251c-1.466.4-2.97.651-4.486.75a2.56 2.56 0 0 1-2.319-1.19a15 15 0 0 1-1.758-5.145a83 83 0 0 1-1-8.334a26 26 0 0 1-.32-3.097c-.03-.616.102-1.23.38-1.78a2.3 2.3 0 0 1 1-.938h.07c.05.41.14.816.27 1.209c.098.29.262.553.48.77c.147.132.325.224.519.269c.328.072.664.1.999.08q.71-.015 1.409-.15c.67-.13 1.329-.33 1.998-.47c.67-.14 1.37-.15 1.999-.37c.392-.09.743-.308.999-.619a1.8 1.8 0 0 0 .29-.86a8 8 0 0 0 0-1.308a2.43 2.43 0 0 1 1.958 1.349c.39 1.053.682 2.14.87 3.247c.29 1.609.55 3.477.749 5.096a.319.319 0 0 0 .487.272a.32.32 0 0 0 .142-.352a82 82 0 0 0-.65-5.136a19 19 0 0 0-.778-3.447A3.29 3.29 0 0 0 12.33.099c-2.329-.4-5.466.53-7.115.779c-.89.09-1.763.312-2.588.66c-.6.298-1.095.772-1.419 1.358a4.7 4.7 0 0 0-.53 2.299q.081 1.617.33 3.217a77 77 0 0 0 1.15 8.413a15 15 0 0 0 2.048 5.386a3 3 0 0 0 2.108 1.38c1.28.219 2.998-.2 5.436-.79a.29.29 0 0 0 .22-.34a.28.28 0 0 0-.33-.21M5.386 1.907a30.4 30.4 0 0 1 5.806-1h.21a10 10 0 0 1-.06 1a1.2 1.2 0 0 1-.22.66a1.36 1.36 0 0 1-.79.3c-.63.15-1.329.15-1.768.25c-.74.169-1.51.379-2.269.539a8 8 0 0 1-.929.16h-.88a1.46 1.46 0 0 1-.429-.65a6.6 6.6 0 0 1-.28-.93a14 14 0 0 1 1.609-.329m13.919 17.916c.22-.85.06-1.389-.7-1.569c-.389-.1-1.288-.36-1.538 1s1.928 1.748 2.238.57"/><path d="M22.992 16.366c-.4-.13-.81-.25-1.219-.35c.199-.567.34-1.153.42-1.749a3.6 3.6 0 0 0-.2-1.548a3.2 3.2 0 0 0-1.759-1.709a2.58 2.58 0 0 0-2.548.28a4.6 4.6 0 0 0-1.309 1.698a6.5 6.5 0 0 0-.55 1.77h-.119a.32.32 0 0 0-.4.219a.32.32 0 0 0 .22.4c1.669.49 3.387.829 5.076 1.289c.6.16 1.2.34 1.789.54c0 .09 0 .199-.06.309a33 33 0 0 1-.71 4.127a4 4 0 0 1-.49 1.349h.06c.01 0 0 .07-.1.07c-.14 0-.399-.05-.609-.06a22.3 22.3 0 0 1-3.927-.76a10.4 10.4 0 0 1-2.138-.8a1.5 1.5 0 0 1-.61-.489a.9.9 0 0 1-.08-.48q.102-.581.27-1.148c.17-.81.32-1.63.52-2.439c.14-.53.28-1.059.46-1.578a.28.28 0 0 0-.17-.36a.27.27 0 0 0-.36.17c-.21.52-.38 1.059-.55 1.599c-.23.809-.43 1.628-.63 2.438a6.5 6.5 0 0 0-.329 1.349c-.014.25.034.5.14.729c.38.78 2.168 1.609 4.057 2.128c1.3.381 2.643.596 3.997.64c.272.004.539-.08.76-.24a8.1 8.1 0 0 0 1.098-3.507c.19-1.25.3-2.498.33-3.078v-.34a.49.49 0 0 0-.33-.47m-6.595-1.529c.146-.537.371-1.05.67-1.519c.3-.504.71-.934 1.199-1.259a1.73 1.73 0 0 1 1.579-.1a2.32 2.32 0 0 1 1.279 1.14c.172.35.255.738.24 1.128a7.6 7.6 0 0 1-.23 1.63l-.33-.08c-1.469-.34-2.948-.6-4.407-.94"/><path d="m21.104 22.94l.03-.03l-.01.02l-.03.03zM12.3 8.302a3 3 0 0 0-1.198-1.159a4.87 4.87 0 0 0-2.998-.25a3.49 3.49 0 0 0-2.468 1.829a4.9 4.9 0 0 0-.2 2.907c.196.939.602 1.82 1.19 2.579q.451.574.998 1.059c.54.48 1.12.909 1.699 1.359a.285.285 0 0 0 .43-.355a.3.3 0 0 0-.07-.085c-.54-.47-1.1-.92-1.6-1.409a8 8 0 0 1-.908-1a5.45 5.45 0 0 1-.89-2.277a4 4 0 0 1 .25-2.299a2.42 2.42 0 0 1 1.819-1.249a3.7 3.7 0 0 1 2.298.16c.417.221.75.572.95 1c.23.45.365.943.399 1.448c.04.795-.08 1.59-.35 2.339a16.3 16.3 0 0 1-1.649 3.337a.322.322 0 0 0 .54.35a16.7 16.7 0 0 0 1.878-3.418A7 7 0 0 0 13 10.52a4.66 4.66 0 0 0-.7-2.218"/><path d="M10.752 10.19a1.598 1.598 0 0 0-1.999-1.388a1.63 1.63 0 0 0-1.409 1.668c.16 1.769 3.658 2.289 3.408-.28m-2.528.27a.69.69 0 0 1 .71-.59c.509-.109.829.12.899.47c.37 1.73-1.67 1.09-1.61.12"/></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. MobilephoneActionLocationLockIcon.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.