Hamster アイコン
twemoji:hamster
Hamster アイコン(twemoji:hamster)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 動物・自然
- タグ
- hamster face
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="8.5" cy="9.5" r="8.5" fill="#ffcc4d"/><circle cx="27.5" cy="9.5" r="8.5" fill="#ffcc4d"/><path fill="#ea596e" d="M13.912 5.854a6.89 6.89 0 0 0-5.443-2.667a6.907 6.907 0 0 0-6.906 6.906a6.9 6.9 0 0 0 3.996 6.256c.709-4.195 3.983-8.672 8.353-10.495m13.619-2.666a6.88 6.88 0 0 0-5.443 2.667c4.369 1.823 7.643 6.3 8.354 10.496a6.902 6.902 0 0 0-2.911-13.163"/><path fill="#ffe8b6" d="M34 22.593c-2-10.045-11.333-6.5-16-6.5s-14-3.546-16 6.5c-1.295 6.504 3.794 9.879 9.032 11.387C12.682 35.212 15.19 36 18 36s5.318-.788 6.969-2.021c5.237-1.508 10.326-4.882 9.031-11.386"/><path fill="#ffcc4d" d="M30.6 18c0 11-5.641 6-12.6 6S5.4 29 5.4 18c0-5.799 5.641-13 12.6-13s12.6 7.201 12.6 13"/><path fill="#ea596e" d="M20.905 27.956c0 1.604-2.012 3.352-2.905 3.352c-.894 0-2.905-1.748-2.905-3.352C15.095 26.351 16.882 26 18 26s2.905.351 2.905 1.956"/><path fill="#c1694f" d="M35.515 30.303c-5.245-3.146-12.355-2.175-12.656-2.133c-.014.002-.023.011-.037.013c-.081.015-.153.048-.228.081c-.046.021-.093.035-.134.062c-.061.039-.107.092-.158.144c-.041.041-.084.076-.117.123c-.036.052-.056.111-.082.17c-.027.062-.058.121-.071.189c-.004.016-.015.028-.018.045c-.009.055.006.105.006.159c-.001.049-.016.095-.009.146c.002.016.012.027.015.042c.013.069.041.13.067.193c.024.06.044.12.079.173c.028.044.067.076.101.115c.053.058.104.114.168.158c.038.026.083.041.125.062c.074.036.146.07.229.087c.015.003.026.013.041.016c.056.01 5.636.977 8.364 4.613c.196.263.496.4.801.4a.998.998 0 0 0 .799-1.599c-1.108-1.479-2.573-2.566-4.025-3.369c1.88.242 3.942.765 5.711 1.826a1 1 0 0 0 1.372-.342c.284-.476.13-1.09-.343-1.374m-21.686-.596c.034-.052.053-.111.077-.169c.026-.064.055-.124.068-.193c.003-.016.013-.028.016-.044c.007-.053-.008-.103-.009-.154s.014-.1.005-.151c-.002-.016-.013-.027-.016-.043c-.015-.069-.045-.131-.074-.194c-.025-.057-.045-.115-.08-.165c-.032-.047-.075-.082-.115-.123c-.051-.053-.099-.105-.16-.146c-.04-.025-.087-.039-.131-.06a1 1 0 0 0-.23-.081c-.014-.003-.024-.012-.038-.014c-.301-.042-7.412-1.014-12.656 2.133a1 1 0 1 0 1.029 1.714c1.768-1.061 3.83-1.583 5.709-1.825c-1.451.802-2.915 1.89-4.023 3.368A.998.998 0 0 0 4 35.159a1 1 0 0 0 .801-.4c2.717-3.622 8.31-4.604 8.366-4.613c.015-.003.025-.012.04-.016c.077-.016.144-.049.214-.082c.048-.022.099-.039.142-.069c.059-.04.104-.093.152-.144c.039-.042.082-.079.114-.128"/><path fill="#272b2b" d="M10 20s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2zm12 0s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2z"/></svg>Hamster アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:hamster" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:hamster" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:hamster" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--hamster]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:hamster"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:hamster"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/hamster.svg" alt="Hamster アイコン" width="24" height="24">他のアイコンセットの Hamster アイコン
Hamster アイコン のよくある質問
Hamster アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hamster アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:hamster" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hamster アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/hamster.svg" alt="Hamster アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。