ICONYZ
日本語
Ultimate color icons の Laboratory Sperm アイコン

Laboratory Sperm アイコン

streamline-ultimate-color:laboratory-sperm

Laboratory Sperm アイコン(streamline-ultimate-color:laboratory-sperm)は、Ultimate color icons セットの無料 SVG アイコンです(作者: Streamline)。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Ultimate color icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
健康・美容
タグ
laboratorysperm
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#c9f7ca" d="M12 22.992c6.073 0 10.996-4.923 10.996-10.996S18.073 1 12 1S1.004 5.923 1.004 11.996S5.927 22.992 12 22.992"/><path fill="#78eb7b" d="M20.734 5.335A10.984 10.984 0 0 1 1.592 15.522A10.989 10.989 0 1 0 20.734 5.335"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M12 22.992c6.073 0 10.996-4.923 10.996-10.996S18.073 1 12 1S1.004 5.923 1.004 11.996S5.927 22.992 12 22.992"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M18.82 11.01c.178 5.151-4.64 2.742-7.02 5.545a3.276 3.276 0 0 0 .332 4.047"/><path fill="#ffef5e" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M19.641 9.502c.065.79-.308 1.465-.834 1.508s-1.006-.561-1.07-1.35c-.064-.79.309-1.466.835-1.509c.527-.043 1.004.562 1.07 1.351"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M5.458 10.37c-.178-5.148 4.64-2.739 7.02-5.545"/><path fill="#ffef5e" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M4.637 11.88c-.065-.789.31-1.464.836-1.507c.527-.043 1.006.562 1.07 1.352s-.309 1.463-.835 1.506s-1.007-.56-1.07-1.35m9.752-.363a.956.956 0 1 0 0-1.912a.956.956 0 0 0 0 1.912m-6.693 5.737a.956.956 0 1 0 0-1.912a.956.956 0 0 0 0 1.912"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M10.087 9.844a.24.24 0 0 1 .24.239"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M9.849 10.084a.24.24 0 0 1 .239-.24m0 .478a.24.24 0 0 1-.24-.238m.478 0a.24.24 0 0 1-.239.239m4.782-6.216a.24.24 0 0 1 .239.239m-.478.001a.24.24 0 0 1 .238-.24m0 .478a.24.24 0 0 1-.239-.238m.479 0a.24.24 0 0 1-.24.239m1.912 12.907a.24.24 0 0 1 .24.24"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M16.542 17.733a.24.24 0 0 1 .239-.239"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M16.781 17.971a.24.24 0 0 1-.239-.239m.478.001a.24.24 0 0 1-.24.24"/></g></svg>

Laboratory Sperm アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-ultimate-color:laboratory-sperm" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-ultimate-color:laboratory-sperm" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-ultimate-color:laboratory-sperm" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--laboratory-sperm]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:laboratory-sperm"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-ultimate-color:laboratory-sperm"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/laboratory-sperm.svg" alt="Laboratory Sperm アイコン" width="24" height="24">

Ultimate color icons の関連アイコン

Laboratory Sperm アイコン のよくある質問

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

はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Ultimate color icons をすべて見る →