Backpack アイコン
twemoji:backpack
Backpack アイコン(twemoji:backpack)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 物
- タグ
- school backpack
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#c1694f" d="M11.946 27C-1.036 7.876 7.524 2.752 9.114 2c.149-.07.242-.105.245-.107A1 1 0 0 0 9.888.768A1.01 1.01 0 0 0 8.903 0H4.847C1.054 0-4.282 11 5.859 28c.151.253 5.073 0 5.073 0c.559 0 1.324-.541 1.014-1M31.229 0h-4a1 1 0 0 0-.45 1.893c.004.002.095.037.242.107c1.568.752 10.01 5.876-2.792 25c-.307.459.448 1 1 1c0 0 4.854.253 5.002 0c10-17 4.739-28 .998-28"/><path fill="#662113" d="m6.889 28.836l.004.01c-.064-.293 5.363-1.387 5.053-1.846C-1.036 7.876 7.524 2.752 9.114 2H4.845C1.053 2-3.268 13 6.889 28.836M31.231 2h-4.21c1.568.752 10.01 5.876-2.792 25c-.307.459 4.984 1.839 4.986 1.836C39.231 13 34.971 2 31.231 2"/><path fill="#c1694f" d="M9.916 8a1.007 1.007 0 0 1-1.015-1c0-3.316-2.028-5-4.056-5c-.47 0-.08-.782.029-1.232c.11-.45.516-.768.985-.768h5.071c3.791 0 4.938 6.136 5.057 6.835a1 1 0 0 1-.226.811a1.03 1.03 0 0 1-.775.354zm16.315 0a1 1 0 0 0 1-1c0-3.316 2-5 4-5c.463 0 .078-.782-.029-1.232A1 1 0 0 0 30.231 0h-5c-3.738 0-4.869 6.136-4.986 6.835A1 1 0 0 0 21.231 8z"/><path fill="#be1931" d="M6 32s0 4 4 4h16s4 0 4-4V10s0-4-4-4H10c-4 0-4 4-4 4z"/><path fill="#a0041e" d="M24 28H12c-2.201 0-3-1.794-3-3V11a1 1 0 0 1 2 0v14c.012.45.195 1 1 1h12c.45-.012 1-.194 1-1V11a1 1 0 1 1 2 0v14c0 2.201-1.794 3-3 3"/><path fill="#fff" d="M16 25s0-1 1-1h2s1 0 1 1v5s0 1-1 1h-2s-1 0-1-1z"/></svg>
Backpack アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:backpack" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:backpack" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:backpack" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--backpack]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:backpack"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:backpack"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/backpack.svg" alt="Backpack アイコン" width="24" height="24">
Backpack アイコン のよくある質問
Backpack アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Backpack アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:backpack" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Backpack アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/backpack.svg" alt="Backpack アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
