Home/Libraries/SVG Logos (Iconify)/importio

SVG Logos (Iconify)

Importio

License: CC0-1.0Commercial Safe

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 512 102"><path fill="#818cf8" d="m24.216 53.63l24.22 24.098l-24.22 24.095L0 77.723zm26.917-26.793l24.22 24.1l-24.22 24.094l-24.216-24.1zM24.216 0l24.22 24.1l-24.22 24.094L0 24.094z"/><path d="M126.173 80.316v-50.77h16.763l.959 3.353h.478q1.438-1.628 4.503-2.97q3.16-1.34 6.992-1.34q4.12 0 7.472 1.628q3.353 1.63 4.981 3.64h.48q1.628-2.01 5.46-3.64q3.83-1.628 8.908-1.628q5.268 0 9.388 2.49q4.119 2.396 6.417 6.993q2.395 4.503 2.395 10.633v31.61h-18.68V52.538q0-2.778-1.34-4.215q-1.245-1.533-3.449-1.533t-3.544 1.533q-1.245 1.437-1.245 4.215v27.779h-18.68v-27.78q0-2.777-1.34-4.214q-1.245-1.533-3.449-1.533t-3.544 1.533q-1.245 1.437-1.245 4.215v27.779zm81.434 19.158V29.547h16.763l.959 3.352h.478q1.437-1.628 4.79-2.97q3.353-1.34 7.663-1.34q6.226 0 11.495 3.353q5.269 3.256 8.334 9.291q3.16 6.035 3.161 13.699q0 7.662-3.161 13.697q-3.065 6.036-8.334 9.388q-5.268 3.257-11.495 3.257q-3.831 0-6.993-1.054q-3.065-1.053-4.502-2.299h-.479v21.553zm26.821-35.443q3.353 0 5.748-2.49t2.395-6.61t-2.395-6.61t-5.748-2.49t-5.747 2.49t-2.395 6.61t2.395 6.61t5.747 2.49m56.506 17.243q-7.567 0-13.698-3.448q-6.13-3.544-9.675-9.484q-3.449-6.034-3.449-13.41t3.45-13.316q3.543-6.035 9.674-9.483q6.13-3.544 13.698-3.544q7.567 0 13.698 3.544q6.13 3.45 9.58 9.483q3.543 5.94 3.543 13.316q.001 7.375-3.544 13.41q-3.448 5.939-9.579 9.484q-6.13 3.448-13.698 3.448m0-17.243q3.353 0 5.747-2.49q2.395-2.49 2.395-6.61q0-4.119-2.395-6.61q-2.394-2.49-5.747-2.49t-5.748 2.49t-2.394 6.61t2.394 6.61t5.748 2.49m31.645 16.285v-50.77h16.763l.958 3.353h.48q1.149-1.245 3.447-2.299q2.3-1.053 5.173-1.053h8.622v17.242H349.4q-4.023 0-6.13 2.203q-2.012 2.108-2.012 6.418v24.906zm65.4 0q-8.526 0-12.931-4.119q-4.311-4.215-4.311-12.166V46.79h-7.664V29.547h7.664V14.22h18.68v15.327h11.015v17.242h-11.016v12.932q0 1.82.766 2.586q.766.767 2.587.767h7.663v17.242zm39.75-10.058c0 5.555-4.503 10.058-10.058 10.058s-10.058-4.503-10.058-10.058S412.116 60.2 417.67 60.2s10.058 4.503 10.058 10.058m57.449 11.016q-7.57 0-13.7-3.448q-6.13-3.544-9.672-9.484q-3.45-6.034-3.45-13.41t3.45-13.316q3.542-6.035 9.672-9.483q6.13-3.544 13.7-3.544q7.565 0 13.695 3.544q6.133 3.45 9.581 9.483Q512 47.556 512 54.932q0 7.375-3.546 13.41q-3.448 5.939-9.58 9.484q-6.132 3.448-13.696 3.448m0-17.243q3.352 0 5.748-2.49c1.594-1.66 2.395-3.863 2.395-6.61q-.002-4.119-2.395-6.61q-2.395-2.49-5.748-2.49q-3.352 0-5.749 2.49q-2.395 2.491-2.394 6.61q0 4.12 2.394 6.61q2.397 2.49 5.749 2.49m-33.155-33.887v50.172h-18.68V42.202zM433.345 14.22l18.625 11.642l-18.625 11.64zM118.65 30.144v50.172H99.971V42.202zM99.97 14.22l18.626 11.642l-18.625 11.64z"/></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. ImportioIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.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.