Handbag アイコン
noto-v1:handbag
Handbag アイコン(noto-v1:handbag)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#2f2f2f" d="m19.65 67.38l-1.11 5.13l13 24.36l42.92 10.92l36.25-20.93l-1.51-15.72l-1.25-5.11z"/><g fill="#ed6c30"><path d="M116.16 115.77c-.31-9.45-5.14-35.16-6.96-44.64L65.09 91.66c-.34.16-.71.24-1.08.24c-.35 0-.7-.07-1.03-.21L18.54 72.51c-1.98 10.39-6.39 34.23-6.7 43.26c-.27 8.39-.45 11.64 6.95 11.64h90.44c7.39 0 7.21-3.24 6.93-11.64"/><path d="M19.65 67.38L63.97 86.5l43.98-20.46c-.2-.44-.45-.85-.77-1.18c-.07-.07-.15-.12-.21-.18c-3.18-3.74-9.47-3.97-9.47-3.97h-3.42c-.04-1.61-.08-3.22-.16-4.83c-.26-4.74-.69-9.47-1.29-14.17c-.68-5.26-1.65-10.48-3.04-15.55c-1.34-4.79-3.08-9.51-5.54-13.69c-2.19-3.72-5.03-7.03-8.59-9c-6.91-3.83-16.01-3.83-22.91 0c-3.56 1.97-6.41 5.28-8.59 9c-2.47 4.18-4.2 8.9-5.53 13.69c-1.4 5.07-2.37 10.29-3.05 15.55c-.6 4.7-1.02 9.43-1.29 14.17c-.09 1.62-.13 3.23-.15 4.83H30.5s-4.94.16-8.28 2.79v.01s-.01.01-.02.01c-.47.38-.91.8-1.3 1.28c.02 0 .04.01.06.02c-.58.77-.99 1.66-1.31 2.56m24.74-24.75c.87-7.6 2.46-15.23 5.62-22.02c1.8-3.84 4.14-7.66 7.84-9.25c8.48-3.64 16.03.49 20.12 9.25c3.19 6.8 4.76 14.42 5.63 22.02c.69 5.95 1.02 12.02 1.2 18.07H43.2c.18-6.05.51-12.11 1.19-18.07"/></g><path fill="#fcc21b" d="M55.1 82.44c-.66 1.06-.92 2.5-1.03 3.53c-.26 2.43-.37 5.31 1.87 7.07c.88.69 2.33 1.38 3.46 1.54c2.59.37 5.04.47 7.51.26c2.61-.22 6.05-.25 6.76-3.17c.65-2.7.6-6.06-.57-8.66c-1.03-2.26-4.35-2.17-6.46-2.34c-2.23-.18-4.54-.16-6.88.02c-1.66.13-3.73.29-4.66 1.75"/></svg>
Handbag アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:handbag" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:handbag" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:handbag" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--handbag]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:handbag"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:handbag"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/handbag.svg" alt="Handbag アイコン" width="24" height="24">
Handbag アイコン のよくある質問
Handbag アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Handbag アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:handbag" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Handbag アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/handbag.svg" alt="Handbag アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
