Backpack アイコン
fluent-emoji-flat:backpack
Backpack アイコン(fluent-emoji-flat:backpack)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- 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"><path fill="#ca0b4a" d="M16.09 3.59a3.42 3.42 0 1 0 0 6.84a3.42 3.42 0 0 0 0-6.84m-4.92 3.42a4.92 4.92 0 1 1 9.84 0a4.92 4.92 0 0 1-9.84 0"/><path fill="#f8312f" d="M23.35 30H8.74A3.74 3.74 0 0 1 5 26.26V16.11c0-6.1 4.95-11.05 11.05-11.05S27.1 10.01 27.1 16.11v10.15A3.756 3.756 0 0 1 23.35 30"/><path fill="#ca0b4a" d="M8 25.57c0-4.78 3.58-8.65 8-8.65s8 3.87 8 8.65v-.87c0-4.78-3.58-8.65-8-8.65s-8 3.87-8 8.65z"/><path fill="#fcd53f" d="M8.366 11.578a.5.5 0 0 1-.922-.387l.001-.002l.002-.005l.006-.014a3 3 0 0 1 .106-.221c.074-.146.184-.35.337-.591a9.3 9.3 0 0 1 1.45-1.77c1.353-1.291 3.516-2.572 6.732-2.572s5.336 1.282 6.646 2.579a8.8 8.8 0 0 1 1.386 1.774a7 7 0 0 1 .393.766q.014.03.02.05l.006.014l.002.005v.001l.001.002a.5.5 0 0 1-.934.356l-.003-.007l-.007-.018l-.006-.014l-.061-.136a6 6 0 0 0-.272-.51c-.252-.428-.65-1-1.229-1.573c-1.149-1.137-3.023-2.29-5.942-2.29s-4.844 1.154-6.043 2.297a8.3 8.3 0 0 0-1.293 1.578a7 7 0 0 0-.373.681z"/><path fill="#fcd53f" d="M17.85 12.09h-3.6a1.207 1.207 0 0 1-1.21-1.21v-.6c0-.67.54-1.21 1.21-1.21h3.59c.67 0 1.21.54 1.21 1.21v.6c.004.255-.072.492-.205.687a1.2 1.2 0 0 1-.995.523m-9.811 11.5c.39 0 .72.29.77.67l.27 1.86c.06.46-.3.88-.77.88h-.53a.77.77 0 0 1-.77-.88l.26-1.86c.06-.39.38-.67.77-.67m-.43.77c0 .24.19.43.43.43s.43-.19.43-.43s-.19-.43-.43-.43s-.43.19-.43.43"/></g></svg>
Backpack アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:backpack" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:backpack" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:backpack" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--backpack]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:backpack"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:backpack"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/backpack.svg" alt="Backpack アイコン" width="24" height="24">
Backpack アイコン のよくある質問
Backpack アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Backpack アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:backpack" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Backpack アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/backpack.svg" alt="Backpack アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
