Crab アイコン

Q: Crab アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:crab

Crab アイコン(openmoji:crab)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d22f27" d="M36.442 31.078s5.337-1.198 9.606 4.794c1.812 2.542 3.095 2.552 3.917 3.395c.226.232 1.391 1.87 1.558 2.018c1.251 1.104 1.084 2.616 1.186 4.266c.049.8-.133 3.213-1.006 3.63c-1.568.75-1.975 2.228-5.655 3.467c0 0-6.404 1.199-9.606-2.396c0 0-3.203 4.793-11.742 1.198a7.47 7.47 0 0 1-4.016-3.291c-.734-1.483-1.521-3.319-.504-5.319a5.9 5.9 0 0 1 1.017-2c1.41-1.583 4.574-4.427 5.084-5c2.135-2.397 5.89-5.96 10.16-4.762"/><path fill="#ea5a47" d="M17.208 34.689q-.257 0-.512-.013a4.05 4.05 0 0 1-1.98-.528a1 1 0 0 1-.358-1.302l3.718-7.272a1 1 0 0 1 .524-.476a7.94 7.94 0 0 0 4.674-5.237a1 1 0 0 1 1.677-.445a8.82 8.82 0 0 1 1.106 10.44a10.42 10.42 0 0 1-8.85 4.833"/><path fill="#ea5a47" d="M21.73 44.231c-6.028 5.436-12.6-9.019-7-10c0 0 4 0 4 2s-1.666 5 2.668 6.5Z"/><path fill="#d22f27" d="M13.492 33.043s-8.311-8.241 3.497-16.024c0 0 4.522-2.134 6.706.153c0 0-6.33 2.987-5.955 6.127s2.987 6.33.7 8.515a13.4 13.4 0 0 1-4.948 1.229"/><path fill="#ea5a47" d="M45.943 29.856a8.82 8.82 0 0 1 1.106-10.44a1 1 0 0 1 1.677.445a7.94 7.94 0 0 0 4.674 5.237a1 1 0 0 1 .525.476l3.717 7.272a1 1 0 0 1-.357 1.302a4.05 4.05 0 0 1-1.98.528q-.255.013-.512.013a10.42 10.42 0 0 1-8.85-4.833"/><path fill="#ea5a47" d="M50.602 42.731c4.334-1.5 2.667-4.5 2.667-6.5s4-2 4-2c5.601.981-.971 15.436-7 10Z"/><path fill="#d22f27" d="M53.56 31.814c-2.287-2.185.324-5.375.7-8.515s-5.956-6.127-5.956-6.127c2.185-2.287 6.707-.153 6.707-.153c11.808 7.783 3.497 16.024 3.497 16.024a13.4 13.4 0 0 1-4.949-1.23"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M51.38 48.037c-.701 1.378-2.366 2.769-5.813 3.803c0 0-6 1-9-2c0 0-3 4-11 1a6.97 6.97 0 0 1-3.763-2.746m1.846-8.337l3.916-3.917c2-2 5-5 9-4c0 0 5-1 9 4a36.5 36.5 0 0 0 3.624 4.046"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M25.566 50.84a3.7 3.7 0 0 0-2 3m6.084-1.917a3.88 3.88 0 0 0-1.084 2.917m16-2.917a3.88 3.88 0 0 1 1.083 2.917"/><ellipse cx="32.566" cy="27.34" rx="1" ry="2.5"/><ellipse cx="40.566" cy="27.34" rx="1" ry="2.5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M48.901 50.592s1.719 1.221 1.33 2.496M21.73 44.231s-5 4-8-3s1-7 1-7s4 0 4 2s-1.666 5 2.668 6.5Zm-8.238-11.188s-8.311-8.241 3.497-16.024c0 0 4.522-2.134 6.706.153c-14.021 5.683 3.996 14.617-10.203 15.871"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.966 26.029a8.95 8.95 0 0 0 5.274-5.909a7.82 7.82 0 0 1 .957 9.227a9.39 9.39 0 0 1-8.45 4.33a3.1 3.1 0 0 1-1.498-.375m35.353 9.429c4.334-1.5 2.667-4.5 2.667-6.5s4-2 4-2s4 0 1 7s-8 3-8 3Zm-2.297-25.559c2.184-2.287 6.706-.153 6.706-.153c11.808 7.783 3.497 16.024 3.497 16.024c-14.199-1.254 3.818-10.188-10.203-15.871"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M53.034 26.029a8.95 8.95 0 0 1-5.274-5.909a7.82 7.82 0 0 0-.957 9.227a9.39 9.39 0 0 0 8.45 4.33a3.1 3.1 0 0 0 1.498-.375"/></svg>

Crab アイコンの使い方

React

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

<Icon icon="openmoji:crab" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:crab" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:crab" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--crab]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:crab"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:crab"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/crab.svg" alt="Crab アイコン" width="24" height="24">

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →