ICONYZ
English
Ionic Column icon from Game Icons

Ionic Column icon

game-icons:ionic-column

The Ionic Column icon (game-icons:ionic-column) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Game Icons
Author
GameIcons
License
CC-BY-3.0
Size
512 × 512
Tags
ioniccolumn
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" 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>

How to use the Ionic Column icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:ionic-column" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:ionic-column" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:ionic-column" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--ionic-column]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:ionic-column"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:ionic-column"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/ionic-column.svg" alt="Ionic Column icon" width="24" height="24">

Ionic Column icon FAQ

Is the Ionic Column icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Ionic Column icon in React?

Install @iconify/react and render <Icon icon="game-icons:ionic-column" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ionic Column icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/ionic-column.svg" alt="Ionic Column icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →