Home/Libraries/Freehand free icons (Iconify)/cell-formating-border-horizontal-vertical

Freehand free icons (Iconify)

CellFormatingBorderHorizontalVertical

License: CC-BY-4.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 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M4.249 22.497c-.49-.11-.91-.22-1.28-.32a3.5 3.5 0 0 1-1-.36l-.65-3a.34.34 0 1 0-.67.06q-.032 1.254.08 2.5a2 2 0 0 0 .59 1.33c.313.155.652.25 1 .28q.96.082 1.92.06a.3.3 0 0 0 .06-.59zm18.824-3.749a.34.34 0 0 0-.37.3l-.65 2.999a3.5 3.5 0 0 1-1 .36c-.37.1-.79.21-1.279.32a.3.3 0 0 0-.154.526a.3.3 0 0 0 .214.063q.962.03 1.92-.06c.349-.019.69-.114 1-.28a2 2 0 0 0 .589-1.33q.114-1.246.08-2.498a.33.33 0 0 0-.35-.4M1.07 16.319q.11-.6.16-1.21a3 3 0 0 0 0-.51a5 5 0 0 0-.06-.5c-.08-.39-.17-.76-.26-1.12a.34.34 0 0 0-.68 0c-.06.42-.12.81-.14 1.22a4.3 4.3 0 0 0 .06 1.02c.09.41.22.77.33 1.17a.3.3 0 0 0 .31.28a.3.3 0 0 0 .28-.35m22.693-3.169a.34.34 0 1 0-.68 0c-.07.4-.18.78-.25 1.17q-.045.246-.06.499q-.023.255 0 .51q.05.609.16 1.21a.299.299 0 0 0 .422.325a.3.3 0 0 0 .168-.326c.11-.39.24-.75.33-1.16a4.4 4.4 0 0 0 .06-1.029c-.03-.37-.09-.79-.15-1.2m-13.306 9.178c-.41-.07-.78-.18-1.17-.25a4 4 0 0 0-.5-.07q-.255-.015-.51 0q-.608.05-1.21.16a.3.3 0 0 0 0 .59c.4.11.76.25 1.17.33q.254.05.51.07h.51c.41 0 .8-.08 1.22-.14a.34.34 0 0 0 0-.68zM6.638 1.673q.6.112 1.21.16q.255.015.51 0l.5-.07c.39-.07.76-.18 1.159-.25a.34.34 0 0 0 0-.68c-.43-.07-.82-.13-1.23-.15a5 5 0 0 0-.52 0a2.7 2.7 0 0 0-.5.07c-.41.08-.77.23-1.169.33a.3.3 0 0 0-.28.31a.3.3 0 0 0 .32.28M.55 10.34a.29.29 0 0 0 .29-.29c.09-.37.16-.7.26-1.07q.021-.224 0-.45v-.449c-.02-.36-.1-.7-.1-1.1a.355.355 0 1 0-.71 0c-.08.36-.18.7-.24 1.07v.46a4 4 0 0 0-.05.47q.086.54.23 1.07a.29.29 0 0 0 .32.29m23.443-2.09c-.06-.37-.16-.71-.24-1.06a.33.33 0 0 0-.35-.32a.32.32 0 0 0-.32.35c-.05.35-.12.69-.16 1.06v.46q-.023.225 0 .45c.06.36.17.69.26 1a.29.29 0 0 0 .405.277a.3.3 0 0 0 .185-.277q.135-.505.22-1.02q.015-.23 0-.46zm-6.518 14.046c-.36-.05-.7-.12-1.07-.15q-.225-.015-.45 0q-.225-.022-.45 0c-.36.06-.69.17-1.06.25a.3.3 0 0 0-.29.3a.29.29 0 0 0 .3.3q.53.144 1.07.23q.23.015.46 0q.227-.004.45-.05c.38-.06.72-.15 1.07-.23a.34.34 0 1 0 0-.68zM14.616 1.603c.36.09.69.2 1.05.26q.229.015.46 0h.449c.37 0 .71-.11 1.06-.16a.34.34 0 1 0 0-.67c-.32-.05-.64-.17-1.03-.23h-.46a4 4 0 0 0-.46 0q-.54.062-1.07.18a.3.3 0 0 0-.3.29a.29.29 0 0 0 .3.33M.8 4.662a.3.3 0 0 0 .33-.26c.1-.36.2-.68.3-1s.18-.48.26-.68a1.7 1.7 0 0 1 .23-.5c.08-.13.34-.23.7-.359c.36-.13.66-.22 1.069-.33a.34.34 0 0 0 .31-.36a.33.33 0 0 0-.41-.28a8.7 8.7 0 0 0-1.69.18a1.7 1.7 0 0 0-.9.47a2.4 2.4 0 0 0-.399.9a9.6 9.6 0 0 0-.06 1.89a.3.3 0 0 0 .26.33m19.504-2.91c.41.11.76.23 1.07.34s.62.22.7.35q.155.23.23.5c.08.21.18.42.26.68s.199.61.299.999a.3.3 0 0 0 .59-.08a9.5 9.5 0 0 0-.09-1.88a2.2 2.2 0 0 0-.4-.9a1.7 1.7 0 0 0-.87-.479a9.6 9.6 0 0 0-1.69-.18a.33.33 0 0 0-.38.29a.34.34 0 0 0 .28.36M15.225 12.64c2.9-.08 5.669-.21 7.818-.22a.34.34 0 0 0 0-.68c-2.1-.09-4.799-.16-7.628-.17h-2.529v-.27c0-1 0-2-.05-3c-.06-2.448-.18-4.818-.27-6.907a.34.34 0 1 0-.68 0c0 2.09-.08 4.459-.12 6.908v3.239c-1 0-1.929.05-2.859.09c-2.999.13-5.778.34-7.607.45a.3.3 0 1 0 0 .6c1.999 0 5.238.06 8.697 0h1.76v1.54c0 2.498.13 4.878.14 6.897a.3.3 0 0 0 .29.31a.32.32 0 0 0 .31-.29c.13-2 .27-4.409.34-6.908v-1.57z" clip-rule="evenodd"/></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. CellFormatingBorderHorizontalVerticalIcon.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-4.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.