Home/Libraries/Freehand free icons (Iconify)/airplane-mode-rectangle

Freehand free icons (Iconify)

AirplaneModeRectangle

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="M3.511.236C-.692.372.057 3.464.044 17.548c0 2.207-.228 4.604 1.766 5.728c1.188.665 2.484.626 11.697.567c6.493-.033 9.036.565 10.1-3.167c.43-2.18.508-4.416.23-6.62c-.24-11.38.364-12.499-2.254-13.36C19.166-.112 6.049.15 3.511.236m10.434.953c-4.976.065-11.203.312-11.437.35c-1.448.29-1.142 4.958-1.114 16.01c.018 6.207-.61 4.924 16.737 4.995c1.106 0 2.692.11 3.526-.636a6.8 6.8 0 0 0 1.23-4.504C22.349 3.981 24.2 1.891 20.663 1.374c-2.203-.322-4.487-.215-6.718-.185"/><path d="M10.235 9.415c-2.86.493-1.784.596-2.946-.603c-1.969-1.996-5.076-.223-2.587 3.221c-1.093 1.175-1.781 2.515-.513 3.513a2.066 2.066 0 0 0 2.728-.256c2.053-1.54.562-1.378 3.675-1.004c-.542 1.13-1.64 3.198-1.114 4.594a1.604 1.604 0 0 0 1.968.965c2.322-.465 3.593-3.36 4.673-5.133a7.7 7.7 0 0 0 3.039-.318c2.355-1.057 2.427-5.784-3.611-5.63a29 29 0 0 0-2.394-4.394c-1.992-2.307-5.674-.744-2.918 5.045m5.004.6c-.68.114-.634-.443-1.52-2.08c-.58-1.096-1.752-3.786-2.804-3.185c-1.204.69.662 4.445.826 4.932a.67.67 0 0 1-.49.9c-3.516.604-3.683.727-3.988.327c-.462-.603-.906-1.353-1.54-1.614a.45.45 0 0 0-.623.395a3.85 3.85 0 0 0 .988 1.986c.662.896-1.93 2.153-1.07 2.823s2.381-1.917 3.21-1.825c4.963.606 4.517.152 2.925 3.478c-1.578 3.167.486 3.113 2.282.54c1.54-2.247 1.6-3.28 2.33-3.276c1.88.018 3.49.35 3.593-1.504c.195-2.235-1.9-2.246-4.12-1.897"/></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. AirplaneModeRectangleIcon.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.