columns 4 icon

columns-4-outline from Solar by 480 Design · Outline · Settings · CC-BY-4.0 Attribution required.

Name
columns-4-outline
Set
Solar
Style
Outline
Category
Settings
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

columns-4-boldcolumns-4-bold-duotonecolumns-4-brokencolumns-4-line-duotonecolumns-4-linear

The same icon in other sets

columns-4Lucide

More settings icons from Solar

columns-2-boldcolumns-3-boldcolumns-3-cog-boldcontainer-boldgrid-2x2-add-boldgrid-2x2-boldgrid-2x2-check-boldgrid-2x2-close-boldgrid-3x3-boldloader-boldsettings-boldsettings-minimalistic-boldtuning-2-boldtuning-3-boldtuning-4-boldtuning-boldtuning-square-2-boldtuning-square-boldwidget-2-boldwidget-3-boldwidget-4-boldwidget-5-boldwidget-6-boldwidget-add-bold

Use the columns 4 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14 2.25C15.8644 2.25 17.3384 2.24859 18.4893 2.40332C19.6616 2.56096 20.6101 2.89329 21.3584 3.6416C22.1067 4.38991 22.439 5.33844 22.5967 6.51074C22.7514 7.66159 22.75 9.13558 22.75 11V13C22.75 14.8644 22.7514 16.3384 22.5967 17.4893C22.439 18.6616 22.1067 19.6101 21.3584 20.3584C20.6101 21.1067 19.6616 21.439 18.4893 21.5967C18.0441 21.6565 17.5506 21.6916 17.0049 21.7139C17.0033 21.7139 17.0016 21.7148 17 21.7148L16.999 21.7139C16.1352 21.7489 15.1407 21.75 14 21.75H10C8.85886 21.75 7.86405 21.7489 7 21.7139C6.99804 21.7139 6.9961 21.7139 6.99414 21.7139C6.44882 21.6916 5.95561 21.6565 5.51074 21.5967C4.33844 21.439 3.38991 21.1067 2.6416 20.3584C1.89329 19.6101 1.56096 18.6616 1.40332 17.4893C1.24859 16.3384 1.25 14.8644 1.25 13V11C1.25 9.13558 1.24859 7.66159 1.40332 6.51074C1.56096 5.33844 1.89329 4.38991 2.6416 3.6416C3.38991 2.89329 4.33844 2.56096 5.51074 2.40332C5.95562 2.34351 6.4488 2.30741 6.99414 2.28516C6.99609 2.28514 6.99805 2.28516 7 2.28516C7.86404 2.25009 8.85888 2.25 10 2.25H14ZM12.75 20.25H14C14.854 20.25 15.5973 20.2481 16.25 20.2354V3.76367C15.5973 3.75093 14.854 3.75 14 3.75H12.75V20.25ZM10 3.75C9.14598 3.75 8.40273 3.75093 7.75 3.76367V20.2354C8.40274 20.2481 9.14597 20.25 10 20.25H11.25V3.75H10ZM6.25 3.83203C6.06066 3.84804 5.88129 3.86675 5.71094 3.88965C4.70485 4.02491 4.12536 4.27894 3.70215 4.70215C3.27894 5.12536 3.02491 5.70485 2.88965 6.71094C2.7515 7.73859 2.75 9.09324 2.75 11V13C2.75 14.9068 2.7515 16.2614 2.88965 17.2891C3.02491 18.2952 3.27894 18.8746 3.70215 19.2979C4.12536 19.7211 4.70485 19.9751 5.71094 20.1104C5.88126 20.1332 6.06069 20.151 6.25 20.167V3.83203ZM17.75 20.167C17.9393 20.151 18.1187 20.1332 18.2891 20.1104C19.2952 19.9751 19.8746 19.7211 20.2979 19.2979C20.7211 18.8746 20.9751 18.2952 21.1104 17.2891C21.2485 16.2614 21.25 14.9068 21.25 13V11C21.25 9.09324 21.2485 7.73859 21.1104 6.71094C20.9751 5.70485 20.7211 5.12536 20.2979 4.70215C19.8746 4.27894 19.2952 4.02491 18.2891 3.88965C18.1187 3.86675 17.9393 3.84804 17.75 3.83203V20.167Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function SolarColumns4Outline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M14 2.25C15.8644 2.25 17.3384 2.24859 18.4893 2.40332C19.6616 2.56096 20.6101 2.89329 21.3584 3.6416C22.1067 4.38991 22.439 5.33844 22.5967 6.51074C22.7514 7.66159 22.75 9.13558 22.75 11V13C22.75 14.8644 22.7514 16.3384 22.5967 17.4893C22.439 18.6616 22.1067 19.6101 21.3584 20.3584C20.6101 21.1067 19.6616 21.439 18.4893 21.5967C18.0441 21.6565 17.5506 21.6916 17.0049 21.7139C17.0033 21.7139 17.0016 21.7148 17 21.7148L16.999 21.7139C16.1352 21.7489 15.1407 21.75 14 21.75H10C8.85886 21.75 7.86405 21.7489 7 21.7139C6.99804 21.7139 6.9961 21.7139 6.99414 21.7139C6.44882 21.6916 5.95561 21.6565 5.51074 21.5967C4.33844 21.439 3.38991 21.1067 2.6416 20.3584C1.89329 19.6101 1.56096 18.6616 1.40332 17.4893C1.24859 16.3384 1.25 14.8644 1.25 13V11C1.25 9.13558 1.24859 7.66159 1.40332 6.51074C1.56096 5.33844 1.89329 4.38991 2.6416 3.6416C3.38991 2.89329 4.33844 2.56096 5.51074 2.40332C5.95562 2.34351 6.4488 2.30741 6.99414 2.28516C6.99609 2.28514 6.99805 2.28516 7 2.28516C7.86404 2.25009 8.85888 2.25 10 2.25H14ZM12.75 20.25H14C14.854 20.25 15.5973 20.2481 16.25 20.2354V3.76367C15.5973 3.75093 14.854 3.75 14 3.75H12.75V20.25ZM10 3.75C9.14598 3.75 8.40273 3.75093 7.75 3.76367V20.2354C8.40274 20.2481 9.14597 20.25 10 20.25H11.25V3.75H10ZM6.25 3.83203C6.06066 3.84804 5.88129 3.86675 5.71094 3.88965C4.70485 4.02491 4.12536 4.27894 3.70215 4.70215C3.27894 5.12536 3.02491 5.70485 2.88965 6.71094C2.7515 7.73859 2.75 9.09324 2.75 11V13C2.75 14.9068 2.7515 16.2614 2.88965 17.2891C3.02491 18.2952 3.27894 18.8746 3.70215 19.2979C4.12536 19.7211 4.70485 19.9751 5.71094 20.1104C5.88126 20.1332 6.06069 20.151 6.25 20.167V3.83203ZM17.75 20.167C17.9393 20.151 18.1187 20.1332 18.2891 20.1104C19.2952 19.9751 19.8746 19.7211 20.2979 19.2979C20.7211 18.8746 20.9751 18.2952 21.1104 17.2891C21.2485 16.2614 21.25 14.9068 21.25 13V11C21.25 9.09324 21.2485 7.73859 21.1104 6.71094C20.9751 5.70485 20.7211 5.12536 20.2979 4.70215C19.8746 4.27894 19.2952 4.02491 18.2891 3.88965C18.1187 3.86675 17.9393 3.84804 17.75 3.83203V20.167Z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14 2.25C15.8644 2.25 17.3384 2.24859 18.4893 2.40332C19.6616 2.56096 20.6101 2.89329 21.3584 3.6416C22.1067 4.38991 22.439 5.33844 22.5967 6.51074C22.7514 7.66159 22.75 9.13558 22.75 11V13C22.75 14.8644 22.7514 16.3384 22.5967 17.4893C22.439 18.6616 22.1067 19.6101 21.3584 20.3584C20.6101 21.1067 19.6616 21.439 18.4893 21.5967C18.0441 21.6565 17.5506 21.6916 17.0049 21.7139C17.0033 21.7139 17.0016 21.7148 17 21.7148L16.999 21.7139C16.1352 21.7489 15.1407 21.75 14 21.75H10C8.85886 21.75 7.86405 21.7489 7 21.7139C6.99804 21.7139 6.9961 21.7139 6.99414 21.7139C6.44882 21.6916 5.95561 21.6565 5.51074 21.5967C4.33844 21.439 3.38991 21.1067 2.6416 20.3584C1.89329 19.6101 1.56096 18.6616 1.40332 17.4893C1.24859 16.3384 1.25 14.8644 1.25 13V11C1.25 9.13558 1.24859 7.66159 1.40332 6.51074C1.56096 5.33844 1.89329 4.38991 2.6416 3.6416C3.38991 2.89329 4.33844 2.56096 5.51074 2.40332C5.95562 2.34351 6.4488 2.30741 6.99414 2.28516C6.99609 2.28514 6.99805 2.28516 7 2.28516C7.86404 2.25009 8.85888 2.25 10 2.25H14ZM12.75 20.25H14C14.854 20.25 15.5973 20.2481 16.25 20.2354V3.76367C15.5973 3.75093 14.854 3.75 14 3.75H12.75V20.25ZM10 3.75C9.14598 3.75 8.40273 3.75093 7.75 3.76367V20.2354C8.40274 20.2481 9.14597 20.25 10 20.25H11.25V3.75H10ZM6.25 3.83203C6.06066 3.84804 5.88129 3.86675 5.71094 3.88965C4.70485 4.02491 4.12536 4.27894 3.70215 4.70215C3.27894 5.12536 3.02491 5.70485 2.88965 6.71094C2.7515 7.73859 2.75 9.09324 2.75 11V13C2.75 14.9068 2.7515 16.2614 2.88965 17.2891C3.02491 18.2952 3.27894 18.8746 3.70215 19.2979C4.12536 19.7211 4.70485 19.9751 5.71094 20.1104C5.88126 20.1332 6.06069 20.151 6.25 20.167V3.83203ZM17.75 20.167C17.9393 20.151 18.1187 20.1332 18.2891 20.1104C19.2952 19.9751 19.8746 19.7211 20.2979 19.2979C20.7211 18.8746 20.9751 18.2952 21.1104 17.2891C21.2485 16.2614 21.25 14.9068 21.25 13V11C21.25 9.09324 21.2485 7.73859 21.1104 6.71094C20.9751 5.70485 20.7211 5.12536 20.2979 4.70215C19.8746 4.27894 19.2952 4.02491 18.2891 3.88965C18.1187 3.86675 17.9393 3.84804 17.75 3.83203V20.167Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-columns-4-outline {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14%202.25C15.8644%202.25%2017.3384%202.24859%2018.4893%202.40332C19.6616%202.56096%2020.6101%202.89329%2021.3584%203.6416C22.1067%204.38991%2022.439%205.33844%2022.5967%206.51074C22.7514%207.66159%2022.75%209.13558%2022.75%2011V13C22.75%2014.8644%2022.7514%2016.3384%2022.5967%2017.4893C22.439%2018.6616%2022.1067%2019.6101%2021.3584%2020.3584C20.6101%2021.1067%2019.6616%2021.439%2018.4893%2021.5967C18.0441%2021.6565%2017.5506%2021.6916%2017.0049%2021.7139C17.0033%2021.7139%2017.0016%2021.7148%2017%2021.7148L16.999%2021.7139C16.1352%2021.7489%2015.1407%2021.75%2014%2021.75H10C8.85886%2021.75%207.86405%2021.7489%207%2021.7139C6.99804%2021.7139%206.9961%2021.7139%206.99414%2021.7139C6.44882%2021.6916%205.95561%2021.6565%205.51074%2021.5967C4.33844%2021.439%203.38991%2021.1067%202.6416%2020.3584C1.89329%2019.6101%201.56096%2018.6616%201.40332%2017.4893C1.24859%2016.3384%201.25%2014.8644%201.25%2013V11C1.25%209.13558%201.24859%207.66159%201.40332%206.51074C1.56096%205.33844%201.89329%204.38991%202.6416%203.6416C3.38991%202.89329%204.33844%202.56096%205.51074%202.40332C5.95562%202.34351%206.4488%202.30741%206.99414%202.28516C6.99609%202.28514%206.99805%202.28516%207%202.28516C7.86404%202.25009%208.85888%202.25%2010%202.25H14ZM12.75%2020.25H14C14.854%2020.25%2015.5973%2020.2481%2016.25%2020.2354V3.76367C15.5973%203.75093%2014.854%203.75%2014%203.75H12.75V20.25ZM10%203.75C9.14598%203.75%208.40273%203.75093%207.75%203.76367V20.2354C8.40274%2020.2481%209.14597%2020.25%2010%2020.25H11.25V3.75H10ZM6.25%203.83203C6.06066%203.84804%205.88129%203.86675%205.71094%203.88965C4.70485%204.02491%204.12536%204.27894%203.70215%204.70215C3.27894%205.12536%203.02491%205.70485%202.88965%206.71094C2.7515%207.73859%202.75%209.09324%202.75%2011V13C2.75%2014.9068%202.7515%2016.2614%202.88965%2017.2891C3.02491%2018.2952%203.27894%2018.8746%203.70215%2019.2979C4.12536%2019.7211%204.70485%2019.9751%205.71094%2020.1104C5.88126%2020.1332%206.06069%2020.151%206.25%2020.167V3.83203ZM17.75%2020.167C17.9393%2020.151%2018.1187%2020.1332%2018.2891%2020.1104C19.2952%2019.9751%2019.8746%2019.7211%2020.2979%2019.2979C20.7211%2018.8746%2020.9751%2018.2952%2021.1104%2017.2891C21.2485%2016.2614%2021.25%2014.9068%2021.25%2013V11C21.25%209.09324%2021.2485%207.73859%2021.1104%206.71094C20.9751%205.70485%2020.7211%205.12536%2020.2979%204.70215C19.8746%204.27894%2019.2952%204.02491%2018.2891%203.88965C18.1187%203.86675%2017.9393%203.84804%2017.75%203.83203V20.167Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14%202.25C15.8644%202.25%2017.3384%202.24859%2018.4893%202.40332C19.6616%202.56096%2020.6101%202.89329%2021.3584%203.6416C22.1067%204.38991%2022.439%205.33844%2022.5967%206.51074C22.7514%207.66159%2022.75%209.13558%2022.75%2011V13C22.75%2014.8644%2022.7514%2016.3384%2022.5967%2017.4893C22.439%2018.6616%2022.1067%2019.6101%2021.3584%2020.3584C20.6101%2021.1067%2019.6616%2021.439%2018.4893%2021.5967C18.0441%2021.6565%2017.5506%2021.6916%2017.0049%2021.7139C17.0033%2021.7139%2017.0016%2021.7148%2017%2021.7148L16.999%2021.7139C16.1352%2021.7489%2015.1407%2021.75%2014%2021.75H10C8.85886%2021.75%207.86405%2021.7489%207%2021.7139C6.99804%2021.7139%206.9961%2021.7139%206.99414%2021.7139C6.44882%2021.6916%205.95561%2021.6565%205.51074%2021.5967C4.33844%2021.439%203.38991%2021.1067%202.6416%2020.3584C1.89329%2019.6101%201.56096%2018.6616%201.40332%2017.4893C1.24859%2016.3384%201.25%2014.8644%201.25%2013V11C1.25%209.13558%201.24859%207.66159%201.40332%206.51074C1.56096%205.33844%201.89329%204.38991%202.6416%203.6416C3.38991%202.89329%204.33844%202.56096%205.51074%202.40332C5.95562%202.34351%206.4488%202.30741%206.99414%202.28516C6.99609%202.28514%206.99805%202.28516%207%202.28516C7.86404%202.25009%208.85888%202.25%2010%202.25H14ZM12.75%2020.25H14C14.854%2020.25%2015.5973%2020.2481%2016.25%2020.2354V3.76367C15.5973%203.75093%2014.854%203.75%2014%203.75H12.75V20.25ZM10%203.75C9.14598%203.75%208.40273%203.75093%207.75%203.76367V20.2354C8.40274%2020.2481%209.14597%2020.25%2010%2020.25H11.25V3.75H10ZM6.25%203.83203C6.06066%203.84804%205.88129%203.86675%205.71094%203.88965C4.70485%204.02491%204.12536%204.27894%203.70215%204.70215C3.27894%205.12536%203.02491%205.70485%202.88965%206.71094C2.7515%207.73859%202.75%209.09324%202.75%2011V13C2.75%2014.9068%202.7515%2016.2614%202.88965%2017.2891C3.02491%2018.2952%203.27894%2018.8746%203.70215%2019.2979C4.12536%2019.7211%204.70485%2019.9751%205.71094%2020.1104C5.88126%2020.1332%206.06069%2020.151%206.25%2020.167V3.83203ZM17.75%2020.167C17.9393%2020.151%2018.1187%2020.1332%2018.2891%2020.1104C19.2952%2019.9751%2019.8746%2019.7211%2020.2979%2019.2979C20.7211%2018.8746%2020.9751%2018.2952%2021.1104%2017.2891C21.2485%2016.2614%2021.25%2014.9068%2021.25%2013V11C21.25%209.09324%2021.2485%207.73859%2021.1104%206.71094C20.9751%205.70485%2020.7211%205.12536%2020.2979%204.70215C19.8746%204.27894%2019.2952%204.02491%2018.2891%203.88965C18.1187%203.86675%2017.9393%203.84804%2017.75%203.83203V20.167Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/columns-4-outline.svg?color=%231a73e8&size=48