Chipmunk アイコン
fluent-emoji-high-contrast:chipmunk
Chipmunk アイコン(fluent-emoji-high-contrast:chipmunk)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V)"><path d="M6.75 11.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/><path d="M7.44 31a2.4 2.4 0 0 1-2.325-2.957a4.02 4.02 0 0 1 2.164-2.656A10.4 10.4 0 0 1 7 22.967a2.8 2.8 0 0 0 1.436-1.927h2.094a3.55 3.55 0 0 0 2.45-.986L15 17.687v3.07a5.48 5.48 0 0 1 3.5-1.257h1a.5.5 0 0 1 0 1h-1A4.5 4.5 0 0 0 14 25v2H9a.5.5 0 0 1-.144-.021q-.088.03-.18.046A2 2 0 0 0 7.06 28.51a.4.4 0 0 0 .209.45q.08.04.167.04H21.95A3.05 3.05 0 0 0 25 25.95L24.987 19a8.45 8.45 0 0 0-8.437-8a2.48 2.48 0 0 1-2.24-1.379L13.6 8.19a5.4 5.4 0 0 1-.59-2.48A2.69 2.69 0 0 0 10.33 3a.33.33 0 0 0-.33.33V4a1 1 0 0 1-1 1h-.39a4.63 4.63 0 0 0-3.87 2.1L2.935 10h.785c.35 0 .647-.216.755-.528l.003-.007l.002-.007l.093-.264l.002-.007c.04-.117.086-.249.136-.38A2.72 2.72 0 0 1 7.28 7A2.72 2.72 0 0 1 10 9.72v.383c1.156.325 2 1.385 2 2.647v3.042l-1.652 1.664l-.011.011c-.365.344-.8.52-1.314.533h-.05q-.084 0-.167-.012A1.75 1.75 0 0 0 7.23 17H4.97A5.126 5.126 0 0 1 0 11.88a3.43 3.43 0 0 1 .69-2.055l2.33-3.744a6.68 6.68 0 0 1 5-3.055A2.33 2.33 0 0 1 10.33 1a4.685 4.685 0 0 1 4.68 4.724c-.002.543.126 1.08.374 1.563L16.1 8.73a.49.49 0 0 0 .45.27a10.45 10.45 0 0 1 10.435 9.893v.105L27 25.946q0 .534-.11 1.054H28V14.1c0-.68-.36-1.32-.95-1.67l-1.88-1.13a4.468 4.468 0 0 1 2.3-8.3h2.03a2.5 2.5 0 0 1 0 5h-.58c-.23 0-.3.31-.1.42l1.25.62c1.18.59 1.93 1.79 1.93 3.12V27c0 2.21-1.79 4-4 4zM9 22.04v1.08c.01.877.164 1.746.457 2.573a1 1 0 0 1 .06.307H13v-1c0-1.177.37-2.268 1-3.163V20.4l-.29.34a4.54 4.54 0 0 1-3.18 1.3zM5.12 15H9s-.076.195-.156.463A1 1 0 0 1 9 16v1a.9.9 0 0 0 .65-.26L11 15.38v-2.63c0-.97-.78-1.75-1.75-1.75c-.14 0-.25-.11-.25-.25V9.72C9 8.77 8.23 8 7.28 8c-.74 0-1.39.46-1.63 1.15q-.068.18-.132.37q-.047.139-.098.28c-.25.72-.93 1.2-1.7 1.2H2.31c.53 0 .95.43.95.96s-.43.96-.96.96c-.038 0-.076 0-.123-.009A3.12 3.12 0 0 0 5.12 15"/><path d="M7.342 18.008A1 1 0 0 0 7.23 18H3.75c-.41 0-.75.34-.75.75c0 .319.206.595.49.703v1.037c0 .69.39 1.32 1.01 1.62l.69.33a.7.7 0 0 0 .6 0l.69-.33a1.8 1.8 0 0 0 .938-1.112a1.5 1.5 0 0 1-.076-2.99M22 19.45v5.8c0 .41.34.75.75.75s.75-.34.75-.75v-5.8c0-2.96-1.86-5.5-4.48-6.5a.76.76 0 0 0-1.02.71c0 .31.19.59.48.7c2.06.78 3.52 2.77 3.52 5.09"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
Chipmunk アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:chipmunk" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:chipmunk" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:chipmunk" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--chipmunk]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:chipmunk"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:chipmunk"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/chipmunk.svg" alt="Chipmunk アイコン" width="24" height="24">
Chipmunk アイコン のよくある質問
Chipmunk アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Chipmunk アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:chipmunk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chipmunk アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/chipmunk.svg" alt="Chipmunk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
