Home/Libraries/OpenMoji (Iconify)/input-symbols

OpenMoji (Iconify)

InputSymbols

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><g stroke="#818cf8" stroke-linecap="round" transform="translate(-.006 -.002)"><path fill="none" stroke-width="1.5" d="M53.63 42.31L41.88 53.79"/><circle cx="52.32" cy="52.66" r="2.491" stroke="none"/><circle cx="43.19" cy="43.54" r="2.491" stroke="none"/><path fill="none" stroke-width="1.5" d="M53.2 32.09s-4.406-5.186-6.604-7.783c-.992-1.172-2.388-2.1-2.971-3.521c-.306-.746-.49-1.664-.189-2.412c.272-.674.942-1.213 1.63-1.45c.865-.299 1.97-.323 2.741.172c.805.516 1.493 1.58 1.356 2.527c-.242 1.68-2.37 2.433-3.579 3.625c-1.036 1.02-2.632 1.66-3.15 3.019c-.564 1.48-.643 3.52.37 4.739c.895 1.076 2.68 1.33 4.059 1.084c1.976-.354 3.764-1.832 4.918-3.474c.882-1.256 1.224-4.44 1.224-4.44M17.53 21.25h13.53m-13.6-3.9h13.53m-6.69 3.9v10.97m2.74 12.76s.02 1.111-.422 2.671c-.304 1.07-.903 2.609-1.565 3.108c-.874.658-2.403.83-3.276.172c-.767-.578-.708-1.848-.648-2.807c.071-1.115.472-2.263 1.16-3.144c.479-.615 1.153-1.254 1.93-1.317c1.034-.084 2.113.557 2.82 1.317c.537.575.624 1.449.845 2.204c.386 1.324-.168 3.102.83 4.054c.437.416 1.235.518 1.79.278c.631-.275.902-1.072 1.16-1.712c.442-1.097.685-2.318.602-3.498c-.11-1.573-.399-3.325-1.446-4.503c-1.185-1.332-3.093-2.05-4.868-2.216c-2.032-.192-4.25.321-5.948 1.452c-1.36.904-2.343 2.408-2.907 3.94c-.65 1.767-.744 3.784-.393 5.634c.223 1.17.753 2.332 1.54 3.228c.755.86 1.8 1.5 2.885 1.866c1.243.418 2.634.536 3.923.294c.64-.12 1.761-.844 1.761-.844"/></g><g transform="translate(-.006 -.002)"><path fill="#fff" d="M12.006 12.002h48v47.83h-48z"/><path fill="#3f3f3f" d="M12.01 12.01h24.03v24.12H12.01z"/><path fill="#3f3f3f" d="M36 36h23.92v24H36z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M53.63 42.31L41.88 53.79"/><circle cx="52.32" cy="52.66" r="2.491" fill="#fff"/><circle cx="43.19" cy="43.54" r="2.491" fill="#fff"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M53.2 32.09s-4.406-5.186-6.604-7.783c-.992-1.172-2.388-2.1-2.971-3.521c-.306-.746-.49-1.664-.189-2.412c.272-.674.942-1.213 1.63-1.45c.865-.299 1.97-.323 2.741.172c.805.516 1.493 1.58 1.356 2.527c-.242 1.68-2.37 2.433-3.579 3.625c-1.036 1.02-2.632 1.66-3.15 3.019c-.564 1.48-.643 3.52.37 4.739c.895 1.076 2.68 1.33 4.059 1.084c1.976-.354 3.764-1.832 4.918-3.474c.882-1.256 1.224-4.44 1.224-4.44"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M17.53 21.25h13.53m-13.6-3.9h13.53m-6.69 3.9v10.97"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M27.04 44.98s.392 1.897.13 2.791c-.343 1.171-1.455 2.489-2.118 2.988c-.873.658-2.403.83-3.276.172c-.766-.578-.708-1.848-.647-2.807c.07-1.115.472-2.263 1.16-3.144c.478-.615 1.18-1.107 1.93-1.317c1.202-.337 2.371.381 2.82 1.317c.392.816.624 1.449.844 2.204c.387 1.324-.168 3.102.831 4.054c.437.416 1.219.476 1.789.278c.672-.235 1.161-.917 1.448-1.568c.492-1.115.398-2.462.315-3.642c-.11-1.573-.4-3.325-1.447-4.503c-1.185-1.332-3.093-2.05-4.868-2.216c-2.032-.192-4.25.321-5.948 1.452c-1.36.904-2.343 2.408-2.907 3.94c-.65 1.767-.744 3.784-.392 5.634c.222 1.17.752 2.332 1.539 3.228c.756.86 1.8 1.5 2.886 1.866c1.243.418 2.622.457 3.923.294c.824-.104 2.362-.796 2.362-.796"/></g><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 12h48v48H12z"/></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. InputSymbolsIcon.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-SA-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.