Home/Libraries/Game Icons (Iconify)/ionic-column

Game Icons (Iconify)

IonicColumn

License: CC-BY-3.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 512 512"><path fill="#818cf8" d="M137 41v16.828c84.313 17.835 157.15 13.99 238 .348V41zm128 105.512c19.367-2.58 41.85-11.815 64.47-20.95c22.046-8.905 44.324-19.27 65.885-18.144c10.81.564 22.064 5.04 30.637 10.24c28.702 17.556 41.142 56.438 22.207 86.21c-14.93 23.473-47.34 33.593-71.794 17.155c-18.602-12.504-26.55-39.04-12.386-58.642c10.274-14.217 31.507-20.235 46.64-8.017a26.88 26.88 0 0 1 9.652 16.432c1.122 6.494-.45 14.17-5.81 19.734c-3.35 3.476-7.535 5.53-12.44 6.01c-4.904.478-11.24-1.43-14.904-6.47c4.576-2.843 16.11-12.02 15.426-16.203c-.334-1.935-1.69-4.25-3.223-5.486c-6.104-4.928-15.96-2.098-20.764 4.552c-7.58 10.49-2.957 25.878 7.843 33.138c15.324 10.302 36.736 3.615 46.583-11.87c13.114-20.618 4.17-48.587-16.414-61.177c-7.815-4.78-16.398-7.617-25.006-7.35c-8.258.254-17.547 2.213-26.84 6.013c-10.4 4.252-18.874 12.83-24.805 22.86c-19.115 32.318-5.055 74.713 26.97 93.2c38.652 22.313 88.847 5.406 110.478-32.932c25.616-45.4 5.766-103.877-39.133-128.802c-17.23-9.623-30.26-13.436-49.216-11.737c-37.342 3.348-69.34 13.7-124.06 14.55l-18-.01c-54.814-.904-84.714-10.723-124.016-14.764c-17.376-1.786-35.734 4.564-49.26 11.962c-44.898 24.925-64.748 83.402-39.132 128.802c21.63 38.338 71.826 55.245 110.478 32.932c32.025-18.487 46.085-60.882 26.97-93.2c-5.93-10.03-14.404-18.608-24.804-22.86c-9.293-3.8-18.582-5.76-26.84-6.014c-8.608-.266-17.19 2.572-25.005 7.35c-20.583 12.59-29.527 40.56-16.413 61.18c9.847 15.483 31.26 22.17 46.584 11.868c10.8-7.26 15.425-22.647 7.844-33.138c-4.804-6.65-14.66-9.48-20.765-4.55c-1.533 1.235-2.89 3.55-3.224 5.485c-.082 6.955 9.04 11.55 15.426 16.203c-3.664 5.04-10 6.948-14.904 6.47c-4.905-.48-9.09-2.534-12.44-6.01c-5.36-5.564-6.932-13.24-5.81-19.735a26.88 26.88 0 0 1 9.652-16.432c15.133-12.218 36.366-6.2 46.64 8.018c14.164 19.602 6.216 46.14-12.386 58.643C111.14 237.46 78.73 227.34 63.8 203.867c-18.934-29.77-6.494-68.653 22.208-86.21c9.37-6.07 19.283-9.443 30.637-10.24c21.537-1.51 43.84 9.24 65.884 18.144c22.62 9.137 45.103 18.372 64.47 20.952zm-76.287.98c9.008 16.32 11.675 34.306 9.12 51.508h116.335c-2.556-17.202.11-35.19 9.12-51.508c-19.145 7.748-38.797 15.19-58.288 17.217h-18c-19.49-2.03-39.144-9.47-58.287-17.218zM193.135 217a90.9 90.9 0 0 1-14.416 25.193l13.05 40.493L211.84 217zm43.025 0L256 281.934L275.84 217zm64 0L320 281.934l12.45-40.752A90.9 90.9 0 0 1 318.865 217zM224 238.8L201.94 311h44.12zm64 0L265.94 311h44.12zm58.826 16.934L329.94 311h37.007l-1.91-43.963a94 94 0 0 1-7.098-3.687a88 88 0 0 1-11.114-7.616zm-182.45.635a88 88 0 0 1-10.315 6.98a94 94 0 0 1-7.097 3.687L145.053 311h36.93zM144.27 329l-6.87 158h21.846l3.758-135.25l17.992.5L177.254 487h25.87L205 351.875l18 .25L221.127 487H247V352h18v135h25.873L289 352.125l18-.25L308.877 487h25.87l-3.743-134.75l17.992-.5L352.754 487H374.6l-6.87-158z"/></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. IonicColumnIcon.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-3.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.