Cells icon
andrsrxn:cells
The Cells icon (andrsrxn:cells) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT 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
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Science
- Tags
- cell
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.61 10.78c.25.46.37.7.37.95s-.12.48-.37.94l-.65 1.22l-.63 1.13c-.28.5-.41.75-.65.89c-.23.13-.51.14-1.08.14l-1.19.01h-1.19c-.57-.01-.85-.02-1.08-.15c-.23-.14-.37-.39-.65-.89l-.62-1.13l-.66-1.22c-.25-.46-.37-.7-.37-.94c0-.25.12-.49.37-.95l.66-1.22l.62-1.13c.28-.5.42-.75.65-.88c.23-.14.51-.14 1.08-.15h2.38c.57 0 .85 0 1.08.15c.24.13.37.38.65.88l.63 1.13z"/><path fill="currentColor" d="M21.62 10.86c.2.43.3.64.3.87s-.1.43-.3.86l-.65 1.35l-.7 1.18c-.27.45-.4.68-.62.8c-.21.14-.48.15-1 .18l-1.24.06l-1.24-.06c-.52-.03-.78-.04-1-.17s-.35-.36-.62-.8l-.7-1.19l-.65-1.35c-.2-.43-.3-.64-.3-.86c0-.23.1-.44.3-.87l.65-1.35l.7-1.18c.27-.45.4-.68.62-.8c.22-.13.48-.15 1-.17l1.24-.07l1.24.07c.52.02.79.04 1 .17c.21.12.35.35.62.8l.7 1.18z" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11.3 16.87c.25.46.37.7.37.94c0 .25-.12.48-.37.95l-.65 1.22l-.63 1.13c-.28.5-.41.74-.65.88c-.23.14-.51.14-1.08.15H5.9c-.57 0-.85-.01-1.08-.15s-.37-.38-.65-.88l-.62-1.13l-.66-1.22c-.25-.47-.37-.7-.37-.95s.12-.48.37-.94l.66-1.23l.62-1.13c.28-.5.42-.74.65-.88s.51-.14 1.08-.14l1.19-.01h1.19c.57.01.85.01 1.08.15s.37.39.65.88l.63 1.13z"/><path fill="currentColor" d="M11.3 16.95c.2.42.31.64.31.86c0 .23-.1.44-.3.86l-.65 1.36l-.7 1.18c-.27.45-.4.67-.62.8s-.48.15-1 .17l-1.24.07l-1.24-.07c-.52-.02-.78-.04-1-.17s-.35-.35-.62-.8l-.7-1.18l-.65-1.36c-.2-.42-.3-.63-.3-.86s.1-.44.3-.86l.65-1.36l.7-1.18c.27-.45.4-.67.62-.8s.48-.14 1-.17l1.24-.06l1.24.06c.52.03.79.04 1 .17s.35.35.62.8l.7 1.18z" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11.3 5.24c.25.47.37.7.37.95s-.12.48-.37.94l-.65 1.23l-.63 1.13c-.28.5-.41.74-.65.88c-.23.14-.51.14-1.08.14l-1.19.01H5.91c-.57-.01-.85-.01-1.08-.15s-.37-.39-.65-.88l-.62-1.13l-.66-1.23c-.25-.46-.37-.7-.37-.94c0-.25.12-.48.37-.95l.66-1.22l.62-1.13c.28-.5.42-.74.65-.88s.51-.14 1.08-.15H8.3c.57 0 .85.01 1.08.15s.37.38.65.88l.63 1.13z"/><path fill="currentColor" d="M11.3 5.33c.2.42.31.63.31.86s-.1.44-.3.86l-.65 1.36l-.7 1.18c-.27.45-.4.67-.62.8s-.48.14-1 .17l-1.24.06l-1.24-.06c-.52-.03-.78-.04-1-.17s-.35-.35-.62-.8l-.7-1.18l-.65-1.36c-.2-.42-.3-.64-.3-.86c0-.23.1-.44.3-.86l.65-1.36l.7-1.18c.27-.45.4-.67.62-.8s.48-.15 1-.17l1.24-.07l1.24.07c.52.02.79.04 1 .17s.35.35.62.8l.7 1.18z" opacity=".2"/></g></svg>How to use the Cells icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:cells" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:cells" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:cells" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--cells]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:cells"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:cells"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/cells.svg" alt="Cells icon" width="24" height="24">Cells icon in other icon sets
Cells icon FAQ
Is the Cells icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Cells icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:cells" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cells icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/cells.svg" alt="Cells icon">, or paste the SVG code inline to style it with CSS.