Foodpanda アイコン
thesvg:foodpanda
Foodpanda アイコン(thesvg:foodpanda)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.224 0a3.14 3.14 0 0 0-3.14 3.127a3.1 3.1 0 0 0 1.079 2.36a11.8 11.8 0 0 0-2.037 6.639C.126 18.68 5.458 24 12 24s11.874-5.32 11.874-11.874a11.7 11.7 0 0 0-2.025-6.614a3.14 3.14 0 0 0 1.09-2.373A3.13 3.13 0 0 0 19.8.012a3.12 3.12 0 0 0-2.636 1.438A11.8 11.8 0 0 0 12.012.264A11.8 11.8 0 0 0 6.86 1.438A3.13 3.13 0 0 0 4.224 0M12 1.198c1.713 0 3.331.396 4.78 1.102a11 11 0 0 1 4.29 3.715a10.9 10.9 0 0 1 1.882 6.135c.011 6.039-4.901 10.951-10.94 10.951c-6.04 0-10.951-4.912-10.951-10.951c0-2.277.694-4.386 1.88-6.135A11.1 11.1 0 0 1 7.232 2.3A10.8 10.8 0 0 1 12 1.198M7.367 6.345c-.853.012-1.743.292-2.28.653c-1.031.682-2.29 2.156-2.085 4.181c.191 2.025 1.785 3.283 2.612 3.283c.826 0 1.234-.42 1.485-1.45c.252-1.018 1.115-2.192 2.217-3.45s-.024-2.469-.024-2.469c-.393-.513-1.052-.727-1.755-.747zm9.233.007l-.17.001c-.702.02-1.358.233-1.746.752c0 0-1.126 1.21-.024 2.469c1.114 1.258 1.965 2.432 2.217 3.45c.251 1.019.659 1.438 1.485 1.45c.827 0 2.409-1.258 2.612-3.283s-1.054-3.51-2.084-4.182c-.544-.36-1.437-.643-2.29-.657m-8.962 2c.348 0 .624.275.624.623c-.012.335-.288.623-.624.623a.62.62 0 0 1-.623-.623a.62.62 0 0 1 .623-.624zm8.891 0c.348 0 .623.275.623.623c-.012.335-.287.623-.623.623a.62.62 0 0 1-.623-.623c0-.348.288-.624.623-.624zm-4.541 4.025c-.527 0-2.06.096-2.06.587c0 .887 1.88 1.522 2.06 1.474c.18.048 2.06-.587 2.06-1.474c0-.49-1.52-.587-2.06-.587M9.076 15.17c0 1.414 1.294 2.564 2.912 2.564s2.924-1.15 2.924-2.564z"/></svg>Foodpanda アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:foodpanda" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:foodpanda" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:foodpanda" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--foodpanda]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:foodpanda"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:foodpanda"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/foodpanda.svg" alt="Foodpanda アイコン" width="24" height="24">他のアイコンセットの Foodpanda アイコン
Foodpanda アイコン のよくある質問
Foodpanda アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Foodpanda アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:foodpanda" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Foodpanda アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/foodpanda.svg" alt="Foodpanda アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。