ICONYZ
日本語
andrsrxn/icons の Cells アイコン

Cells アイコン

andrsrxn:cells

Cells アイコン(andrsrxn:cells)は、andrsrxn/icons セットの無料 SVG アイコンです(作者: Andrés Raxón)。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
andrsrxn/icons
作者
Andrés Raxón
ライセンス
MIT
サイズ
24 × 24
カテゴリ
科学
タグ
cell
SVG をダウンロード

SVG コード

<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>

Cells アイコンの使い方

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 コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="andrsrxn:cells"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/andrsrxn/cells.svg" alt="Cells アイコン" width="24" height="24">

他のアイコンセットの Cells アイコン

Cells アイコン のよくある質問

Cells アイコンは商用利用でも無料ですか?

はい。andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Cells アイコンを使うには?

@iconify/react をインストールして <Icon icon="andrsrxn:cells" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Cells アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/andrsrxn/cells.svg" alt="Cells アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

andrsrxn/icons をすべて見る →