Antibody アイコン
pinhead:antibody
Antibody アイコン(pinhead:antibody)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M4.27 10.63c.3.29.31.76.02 1.06l-1.5 1.58c-.28.3-.76.31-1.06.02a.745.745 0 0 1-.02-1.06l1.5-1.57c.28-.3.76-.31 1.06-.03m4.1-2.57c.14.3.37.53.67.67c-.1.27-.11.56-.04.83H3.32l-2.03 2.13c-.28.3-.76.31-1.06.03a.746.746 0 0 1-.02-1.06l2.47-2.6zM12 4.5c.33 0 .6.27.6.6v.7c.06.02.12.05.18.08l.49-.5c.24-.24.62-.24.85 0c.24.23.24.61 0 .85l-.5.49c.03.06.06.12.08.18h.7c.33 0 .6.27.6.6s-.27.6-.6.6h-.7c-.02.06-.05.12-.08.18l.5.49c.24.24.24.62 0 .85c-.23.24-.61.24-.85 0l-.49-.5c-.06.03-.12.06-.18.08v.7c0 .33-.27.6-.6.6s-.6-.27-.6-.6v-.7c-.06-.02-.12-.05-.18-.08l-.49.5c-.24.24-.62.24-.85 0l-.06-.06a.62.62 0 0 1-.01-.71l.03-.04l.54-.53c-.03-.06-.06-.12-.08-.18h-.7c-.03 0-.07 0-.1-.01c-.04 0-.07-.01-.11-.03A.59.59 0 0 1 9 7.5c0-.26.16-.48.39-.56c.04-.02.07-.03.11-.03c.03-.01.07-.01.1-.01h.7c.02-.06.05-.12.08-.18l-.5-.49a.5.5 0 0 1-.07-.08c-.15-.21-.14-.5.01-.71l.06-.06c.23-.24.61-.24.85 0l.49.5c.06-.03.12-.06.18-.08v-.7c0-.33.27-.6.6-.6M1.29 3.31l2.03 2.13H9c-.07.27-.06.56.04.83c-.3.14-.53.37-.67.67H2.68L.21 4.34c-.29-.3-.28-.77.02-1.06c.3-.28.78-.27 1.06.03m1.5-1.58l1.5 1.58c.29.3.28.77-.02 1.06c-.3.28-.78.27-1.06-.03l-1.5-1.57c-.29-.3-.28-.78.02-1.06c.3-.29.78-.28 1.06.02"/></svg>Antibody アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:antibody" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:antibody" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:antibody" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--antibody]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:antibody"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:antibody"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/antibody.svg" alt="Antibody アイコン" width="24" height="24">他のアイコンセットの Antibody アイコン
Antibody アイコン のよくある質問
Antibody アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Antibody アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:antibody" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Antibody アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/antibody.svg" alt="Antibody アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。