Gentleface › Science & education › biological-cell

biological-cell icon

Biological cell: biological cell, cell biology. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M12.083 2.608C12.968 3.014 13.659 3.56 14.155 4.246C14.718 5.025 15 5.943 15 7C15 8.042 14.812 9.007 14.437 9.897C14.079 10.747 13.569 11.485 12.906 12.113C12.884 12.134 12.862 12.155 12.839 12.176C12.821 12.192 12.803 12.209 12.785 12.225C12.472 12.507 12.136 12.757 11.776 12.975C11.43 13.184 11.062 13.364 10.671 13.514C9.827 13.838 8.936 14 8 14C6.954 14 6.004 13.87 5.151 13.611C4.287 13.348 3.546 12.96 2.93 12.447C2.3 11.922 1.822 11.285 1.495 10.536C1.165 9.781 1 8.935 1 8C1 6.213 1.599 4.796 2.796 3.749C3.789 2.88 5.163 2.299 6.918 2.007C7.753 1.868 8.61 1.843 9.488 1.932C10.449 2.03 11.314 2.255 12.083 2.608ZM12.052 10.105C12.245 10.182 12.414 10.293 12.561 10.439C12.654 10.532 12.733 10.635 12.797 10.747C13.087 10.371 13.326 9.958 13.516 9.509C13.839 8.743 14 7.907 14 7C14 6.159 13.782 5.436 13.345 4.832C12.951 4.288 12.392 3.849 11.667 3.517C10.998 3.21 10.238 3.014 9.387 2.927C8.597 2.847 7.829 2.869 7.082 2.993C5.388 3.276 4.118 3.834 3.271 4.668C2.424 5.503 2 6.613 2 8C2 8.796 2.137 9.508 2.411 10.136C2.675 10.741 3.062 11.255 3.57 11.678C4.083 12.106 4.707 12.431 5.442 12.654C6.2 12.885 7.053 13 8 13C8.114 13 8.228 12.997 8.341 12.992C8.206 12.977 8.075 12.945 7.948 12.895C7.755 12.818 7.586 12.707 7.439 12.561C7.293 12.414 7.182 12.245 7.105 12.052C7.035 11.875 7 11.691 7 11.5C7 11.309 7.035 11.125 7.105 10.948C7.182 10.755 7.293 10.586 7.439 10.439C7.586 10.293 7.755 10.182 7.948 10.105C8.125 10.035 8.309 10 8.5 10L11.5 10C11.691 10 11.875 10.035 12.052 10.105ZM7.104 4.211C7.489 4.363 7.828 4.586 8.121 4.879C8.414 5.172 8.637 5.511 8.789 5.896C8.93 6.25 9 6.619 9 7C9 7.381 8.93 7.75 8.789 8.104C8.637 8.489 8.414 8.828 8.121 9.121C7.828 9.414 7.489 9.637 7.104 9.789C6.75 9.93 6.381 10 6 10C5.619 10 5.25 9.93 4.896 9.789C4.511 9.637 4.172 9.414 3.879 9.121C3.586 8.828 3.363 8.489 3.211 8.104C3.07 7.75 3 7.381 3 7C3 6.619 3.07 6.25 3.211 5.896C3.363 5.511 3.586 5.172 3.879 4.879C4.172 4.586 4.511 4.363 4.896 4.211C5.25 4.07 5.619 4 6 4C6.381 4 6.75 4.07 7.104 4.211ZM12.28 4.72C12.427 4.866 12.5 5.043 12.5 5.25L12.5 5.252C12.499 5.458 12.426 5.634 12.28 5.78C12.134 5.927 11.957 6 11.75 6C11.544 6 11.367 5.927 11.221 5.782C11.221 5.781 11.22 5.781 11.22 5.78C11.219 5.78 11.219 5.779 11.218 5.779C11.073 5.633 11 5.456 11 5.25C11 5.043 11.073 4.866 11.22 4.72C11.366 4.573 11.543 4.5 11.75 4.5C11.957 4.5 12.134 4.573 12.28 4.72ZM6 6C5.448 6 5 6.448 5 7C5 7.552 5.448 8 6 8C6.552 8 7 7.552 7 7C7 6.448 6.552 6 6 6ZM11.72 7.72C11.866 7.573 12.043 7.5 12.25 7.5C12.456 7.5 12.633 7.573 12.779 7.718C12.78 7.719 12.781 7.72 12.782 7.721C12.927 7.867 13 8.044 13 8.25C13 8.456 12.927 8.632 12.782 8.779C12.781 8.78 12.78 8.781 12.779 8.782C12.633 8.927 12.456 9 12.25 9C12.044 9 11.867 8.927 11.721 8.782C11.72 8.781 11.719 8.78 11.718 8.779C11.573 8.633 11.5 8.456 11.5 8.25C11.5 8.043 11.573 7.866 11.72 7.72ZM4.28 10.22C4.427 10.366 4.5 10.543 4.5 10.75C4.5 10.956 4.427 11.133 4.282 11.279C4.281 11.28 4.28 11.281 4.279 11.282C4.133 11.427 3.956 11.5 3.75 11.5C3.543 11.5 3.366 11.427 3.22 11.28C3.073 11.134 3 10.957 3 10.75C3 10.543 3.073 10.366 3.22 10.22C3.366 10.073 3.543 10 3.75 10C3.957 10 4.134 10.073 4.28 10.22ZM8.146 11.146C8.049 11.244 8 11.362 8 11.5C8 11.638 8.049 11.756 8.146 11.854C8.244 11.951 8.362 12 8.5 12L11.447 12C11.637 11.874 11.819 11.738 11.993 11.59C11.998 11.561 12 11.531 12 11.5C12 11.362 11.951 11.244 11.854 11.146C11.756 11.049 11.638 11 11.5 11L8.5 11C8.362 11 8.244 11.049 8.146 11.146Z"/></svg>

React

// Gentleface "biological-cell" (line-round), MIT. https://gentleface.com/icons/biological-cell
import type { SVGProps } from 'react';

export function BiologicalCellIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M12.083 2.608C12.968 3.014 13.659 3.56 14.155 4.246C14.718 5.025 15 5.943 15 7C15 8.042 14.812 9.007 14.437 9.897C14.079 10.747 13.569 11.485 12.906 12.113C12.884 12.134 12.862 12.155 12.839 12.176C12.821 12.192 12.803 12.209 12.785 12.225C12.472 12.507 12.136 12.757 11.776 12.975C11.43 13.184 11.062 13.364 10.671 13.514C9.827 13.838 8.936 14 8 14C6.954 14 6.004 13.87 5.151 13.611C4.287 13.348 3.546 12.96 2.93 12.447C2.3 11.922 1.822 11.285 1.495 10.536C1.165 9.781 1 8.935 1 8C1 6.213 1.599 4.796 2.796 3.749C3.789 2.88 5.163 2.299 6.918 2.007C7.753 1.868 8.61 1.843 9.488 1.932C10.449 2.03 11.314 2.255 12.083 2.608ZM12.052 10.105C12.245 10.182 12.414 10.293 12.561 10.439C12.654 10.532 12.733 10.635 12.797 10.747C13.087 10.371 13.326 9.958 13.516 9.509C13.839 8.743 14 7.907 14 7C14 6.159 13.782 5.436 13.345 4.832C12.951 4.288 12.392 3.849 11.667 3.517C10.998 3.21 10.238 3.014 9.387 2.927C8.597 2.847 7.829 2.869 7.082 2.993C5.388 3.276 4.118 3.834 3.271 4.668C2.424 5.503 2 6.613 2 8C2 8.796 2.137 9.508 2.411 10.136C2.675 10.741 3.062 11.255 3.57 11.678C4.083 12.106 4.707 12.431 5.442 12.654C6.2 12.885 7.053 13 8 13C8.114 13 8.228 12.997 8.341 12.992C8.206 12.977 8.075 12.945 7.948 12.895C7.755 12.818 7.586 12.707 7.439 12.561C7.293 12.414 7.182 12.245 7.105 12.052C7.035 11.875 7 11.691 7 11.5C7 11.309 7.035 11.125 7.105 10.948C7.182 10.755 7.293 10.586 7.439 10.439C7.586 10.293 7.755 10.182 7.948 10.105C8.125 10.035 8.309 10 8.5 10L11.5 10C11.691 10 11.875 10.035 12.052 10.105ZM7.104 4.211C7.489 4.363 7.828 4.586 8.121 4.879C8.414 5.172 8.637 5.511 8.789 5.896C8.93 6.25 9 6.619 9 7C9 7.381 8.93 7.75 8.789 8.104C8.637 8.489 8.414 8.828 8.121 9.121C7.828 9.414 7.489 9.637 7.104 9.789C6.75 9.93 6.381 10 6 10C5.619 10 5.25 9.93 4.896 9.789C4.511 9.637 4.172 9.414 3.879 9.121C3.586 8.828 3.363 8.489 3.211 8.104C3.07 7.75 3 7.381 3 7C3 6.619 3.07 6.25 3.211 5.896C3.363 5.511 3.586 5.172 3.879 4.879C4.172 4.586 4.511 4.363 4.896 4.211C5.25 4.07 5.619 4 6 4C6.381 4 6.75 4.07 7.104 4.211ZM12.28 4.72C12.427 4.866 12.5 5.043 12.5 5.25L12.5 5.252C12.499 5.458 12.426 5.634 12.28 5.78C12.134 5.927 11.957 6 11.75 6C11.544 6 11.367 5.927 11.221 5.782C11.221 5.781 11.22 5.781 11.22 5.78C11.219 5.78 11.219 5.779 11.218 5.779C11.073 5.633 11 5.456 11 5.25C11 5.043 11.073 4.866 11.22 4.72C11.366 4.573 11.543 4.5 11.75 4.5C11.957 4.5 12.134 4.573 12.28 4.72ZM6 6C5.448 6 5 6.448 5 7C5 7.552 5.448 8 6 8C6.552 8 7 7.552 7 7C7 6.448 6.552 6 6 6ZM11.72 7.72C11.866 7.573 12.043 7.5 12.25 7.5C12.456 7.5 12.633 7.573 12.779 7.718C12.78 7.719 12.781 7.72 12.782 7.721C12.927 7.867 13 8.044 13 8.25C13 8.456 12.927 8.632 12.782 8.779C12.781 8.78 12.78 8.781 12.779 8.782C12.633 8.927 12.456 9 12.25 9C12.044 9 11.867 8.927 11.721 8.782C11.72 8.781 11.719 8.78 11.718 8.779C11.573 8.633 11.5 8.456 11.5 8.25C11.5 8.043 11.573 7.866 11.72 7.72ZM4.28 10.22C4.427 10.366 4.5 10.543 4.5 10.75C4.5 10.956 4.427 11.133 4.282 11.279C4.281 11.28 4.28 11.281 4.279 11.282C4.133 11.427 3.956 11.5 3.75 11.5C3.543 11.5 3.366 11.427 3.22 11.28C3.073 11.134 3 10.957 3 10.75C3 10.543 3.073 10.366 3.22 10.22C3.366 10.073 3.543 10 3.75 10C3.957 10 4.134 10.073 4.28 10.22ZM8.146 11.146C8.049 11.244 8 11.362 8 11.5C8 11.638 8.049 11.756 8.146 11.854C8.244 11.951 8.362 12 8.5 12L11.447 12C11.637 11.874 11.819 11.738 11.993 11.59C11.998 11.561 12 11.531 12 11.5C12 11.362 11.951 11.244 11.854 11.146C11.756 11.049 11.638 11 11.5 11L8.5 11C8.362 11 8.244 11.049 8.146 11.146Z" />
    </svg>
  );
}

Vue

Vue: see /icons/biological-cell.md

Svelte

Svelte: see /icons/biological-cell.md

HTML img

HTML img: see /icons/biological-cell.md

CSS

CSS: see /icons/biological-cell.md

Data URL

Data URL: see /icons/biological-cell.md

Sprite

Sprite: see /icons/biological-cell.md

SwiftUI

SwiftUI: see /icons/biological-cell.md

Compose

Compose: see /icons/biological-cell.md

Android XML

Android XML: see /icons/biological-cell.md

Flutter

Flutter: see /icons/biological-cell.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { BiologicalCellIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

biological cell, cell biology

Tags

biological-cell, cell, biology, nucleus, organelle, membrane, science, lab, education, life

Category

Science & education

Component name

BiologicalCellIcon

History

2026-11-07 added, released in 0.6.0
2026-11-09 20 px drawn, 24 px drawn

Since

version 0.6.0

More science & education icons

atom beaker biohazard chalkboard dna dna-off eclipse flask flask-alert flask-check flask-gear flask-off flask-play flask-plus flask-user flask-x · all science & education icons

For agents

Metadata: /icons/biological-cell.json · Markdown: /icons/biological-cell.md · SVG: https://gentleface.com/svg/{style}/16/biological-cell.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/biological-cell.png

biological-cell icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More science & education icons

For agents

biological-cell icon