Cockroach アイコン
openmoji:cockroach
Cockroach アイコン(openmoji:cockroach)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#6a462f" d="M36.005 29.976a5.03 5.03 0 1 1 5.154-5.029a5.097 5.097 0 0 1-5.154 5.029"/><path fill="#781e32" d="M36.006 61.26c-4.306 0-7.68-7.758-7.68-17.66c0-6.71 1.56-12.728 4.069-15.703a.86.86 0 0 1 .98-.244a7.9 7.9 0 0 0 5.263 0a.86.86 0 0 1 .98.244c2.51 2.975 4.069 8.992 4.069 15.702c0 9.903-3.374 17.661-7.68 17.661"/><path fill="#a57939" d="M41.465 31.267a12.6 12.6 0 0 0-1.847-3.106c-.008-.01-.02-.013-.028-.023a1 1 0 0 0-.138-.109a.69.69 0 0 0-.592-.152a1 1 0 0 0-.189.034c-.01.004-.022.002-.033.006a7.9 7.9 0 0 1-5.263 0a.86.86 0 0 0-.98.244a13.7 13.7 0 0 0-1.725 2.834a62 62 0 0 1 6.305 11.772a53.3 53.3 0 0 1 5.102-9.883Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M26.198 8.966s7.37 5.93 7.37 12.174m-1.571 8.836c-.971-.271-1.374-1.461-2.272-1.917a6.2 6.2 0 0 0-2.383-.244a21 21 0 0 1-2.824-.716a12.5 12.5 0 0 0-4.06.003m9.752 7.503c-1.64.232-2.821-1.814-4.477-1.868c-1.582-.052-2.554 1.644-3.889 2.482c-2.156 1.354-5.205.38-7.393 1.683m14.751 4.517a9.8 9.8 0 0 0-3.517-.11c-1.153.245-2.357.624-2.655 1.748a6.8 6.8 0 0 0 .249 2.735a37.7 37.7 0 0 1 .151 15.453m16.573-31.269c.971-.271 1.374-1.461 2.272-1.917a6.2 6.2 0 0 1 2.383-.244a21 21 0 0 0 2.824-.716a12.5 12.5 0 0 1 4.06.003m-9.752 7.503c1.64.232 2.821-1.814 4.477-1.868c1.582-.052 2.554 1.644 3.889 2.482c2.156 1.354 5.205.38 7.393 1.683m-14.751 4.517a9.8 9.8 0 0 1 3.517-.11c1.153.245 2.357.624 2.655 1.748a6.8 6.8 0 0 1-.249 2.735a37.7 37.7 0 0 0-.15 15.453M45.773 8.966s-7.37 5.93-7.37 12.174"/><path d="M31.947 25.794a4 4 0 0 1-.098-.868a4.16 4.16 0 0 1 8.315 0a4 4 0 0 1-.085.808m-1.12 2.719c2.287 2.711 3.865 8.475 3.865 15.146c0 9.278-3.052 16.799-6.818 16.799s-6.818-7.521-6.818-16.799c0-6.672 1.579-12.435 3.866-15.146a8.7 8.7 0 0 0 5.905 0"/><path d="M30.884 32.517a64 64 0 0 1 7.904 18.201m2.328-18.201a55 55 0 0 0-3.55 6.38"/></g></svg>Cockroach アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:cockroach" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:cockroach" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:cockroach" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--cockroach]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:cockroach"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:cockroach"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/cockroach.svg" alt="Cockroach アイコン" width="24" height="24">他のアイコンセットの Cockroach アイコン
Cockroach アイコン のよくある質問
Cockroach アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Cockroach アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:cockroach" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cockroach アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/cockroach.svg" alt="Cockroach アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。