Freeze Column icon
icon-park-outline:freeze-column
The Freeze Column icon (icon-park-outline:freeze-column) is a free SVG icon from the IconPark Outline set by ByteDance. It is drawn on a 48 × 48 grid. IconPark Outline icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark Outline
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Edit
- Tags
- freezecolumn
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="4"><path stroke-linejoin="round" d="M40 6H8a2 2 0 0 0-2 2v32a2 2 0 0 0 2 2h32a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2Z"/><path stroke-linecap="round" d="M16.123 6L6 15m13-3L6 24m13-3L6 33m13-3L6 42M19 6v36"/></g></svg>How to use the Freeze Column icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:freeze-column" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:freeze-column" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:freeze-column" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--freeze-column]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:freeze-column"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:freeze-column"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-outline/freeze-column.svg" alt="Freeze Column icon" width="24" height="24">Related icons in IconPark Outline
Freeze Column icon in other icon sets
Freeze Column icon FAQ
Is the Freeze Column icon free for commercial use?
Yes. IconPark Outline icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Freeze Column icon in React?
Install @iconify/react and render <Icon icon="icon-park-outline:freeze-column" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Freeze Column icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park-outline/freeze-column.svg" alt="Freeze Column icon">, or paste the SVG code inline to style it with CSS.