Weary Cat アイコン
openmoji:weary-cat
Weary Cat アイコン(openmoji:weary-cat)は、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
- カテゴリ
- スマイリー・感情
- タグ
- wearycat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f4aa41" d="M58.363 49.283c-3.55 8.995-12.463 14.81-22.898 14.81c-8.995 0-18.998-5.628-22.548-14.623l-.124-.308c-1.127-2.822-.931-6.275-.931-9.504l3.617-31.925l10.079 9.932a23.8 23.8 0 0 1 9.383-1.913h1.05c3.327 0 6.499.681 9.382 1.913L56.452 6.733l3.672 33.423c0 3.229-.62 6.312-1.747 9.133"/><path fill="#e27022" d="M35.466 64.093c10.467.338 20.082-5.782 23.631-14.777l.11-.228c1.126-2.821.931-6.804.931-10.033L56.452 6.733"/><ellipse cx="36" cy="51.719" fill="#ea5a47" rx="6.452" ry="7.751"/><ellipse cx="24.456" cy="34.194" fill="#fff" rx="7.751" ry="6.452" transform="rotate(-70.494 24.456 34.194)"/><ellipse cx="46.84" cy="34.195" fill="#fff" rx="6.452" ry="7.751" transform="rotate(-19.506 46.84 34.195)"/><path fill="#f4aa41" d="M15.295 65h9.035s1.373-13.369 0-15.81c-.999-1.774-2.548-5.271-6.853-5.138c-1.558.048-6.011 1.347-4.71 5.251c1.813 5.44 3.422 4.505 4.293 6.178C18.204 57.68 15.295 65 15.295 65m41.029 0H47.29s-1.374-13.369 0-15.81c.998-1.774 2.548-5.271 6.853-5.138c1.557.048 6.01 1.347 4.71 5.251c-1.814 5.44-3.423 4.505-4.294 6.178C53.415 57.68 56.324 65 56.324 65"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="m61.65 54.45l-4.04-2.25m-.06 7.38l-3.21-1.78M12.92 46.48s-.01-.01 0-.01c-.67-2.19-1.03-4.5-1.03-6.9l3.59-32.32l10.83 10.57a23.55 23.55 0 0 1 9.18-1.85h1.02c3.26 0 6.36.66 9.18 1.85L56.52 7.25l3.59 32.32c0 2.59-.41 5.07-1.19 7.4M24.7 60.56c3.23 1.67 6.9 2.61 10.79 2.61h1.02c3.75 0 7.28-.87 10.43-2.42M14.1 52.36l-3.75 2.09m6.9 3.57l-2.8 1.56"/><ellipse cx="36" cy="51.719" rx="6.452" ry="7.751"/><ellipse cx="24.456" cy="34.194" rx="7.751" ry="6.452" transform="rotate(-70.494 24.456 34.194)"/><ellipse cx="46.84" cy="34.195" rx="6.452" ry="7.751" transform="rotate(-19.506 46.84 34.195)"/><path d="M15.295 65h9.035s1.373-13.369 0-15.81c-.999-1.774-2.548-5.271-6.853-5.138c-1.558.048-6.011 1.347-4.71 5.251c1.813 5.44 3.422 4.505 4.293 6.178C18.204 57.68 15.295 65 15.295 65m41.029 0H47.29s-1.374-13.369 0-15.81c.998-1.774 2.548-5.271 6.853-5.138c1.557.048 6.01 1.347 4.71 5.251c-1.814 5.44-3.423 4.505-4.294 6.178C53.415 57.68 56.324 65 56.324 65"/></g></svg>Weary Cat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:weary-cat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:weary-cat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:weary-cat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--weary-cat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:weary-cat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:weary-cat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/weary-cat.svg" alt="Weary Cat アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Weary Cat アイコン
Weary Cat アイコン のよくある質問
Weary Cat アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Weary Cat アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:weary-cat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Weary Cat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/weary-cat.svg" alt="Weary Cat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。