French Press アイコン
openmoji:french-press
French Press アイコン(openmoji:french-press)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
- タグ
- frenchpress
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M47.281 29.927h.397a8.3 8.3 0 0 1 8.298 8.297v.259c0 4.726-3.837 8.563-8.564 8.563h-.131zM20.688 19.785h25.989v5.569H21.616l-4.64-3.713z"/><path fill="#a57939" fill-rule="evenodd" d="M46.677 24.425v32.486a3.713 3.713 0 0 1-3.713 3.713H24.401a3.713 3.713 0 0 1-3.713-3.713V24.425z"/><path fill="#3f3f3f" d="M33.218 9.575a3.25 3.25 0 0 0-2.936 4.64h5.872a3.25 3.25 0 0 0-2.936-4.64"/><path fill="#9b9b9a" d="M31.826 19.32h2.784v9.746l-2.784-1.856z"/><path fill="#3f3f3f" fill-rule="evenodd" d="M46.677 20.249v-1.393a2.784 2.784 0 0 0-2.785-2.784h-20.42a2.784 2.784 0 0 0-2.784 2.784v1.393z"/><path fill="#6a462f" fill-rule="evenodd" d="M46.677 56.912h-25.99a3.713 3.713 0 0 0 3.713 3.712h18.564a3.713 3.713 0 0 0 3.713-3.713"/><path fill="#3f3f3f" fill-rule="evenodd" d="M46.677 47.63v3.712c7.176 0 12.994-5.817 12.994-12.994s-5.818-12.995-12.994-12.995v3.713a9.282 9.282 0 0 1 0 18.564"/><path fill="none" stroke="#3f3f3f" stroke-linecap="round" stroke-width="2" d="M33.218 9.575a3.25 3.25 0 0 0-2.936 4.64h5.872a3.25 3.25 0 0 0-2.936-4.64Z"/><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M20.688 18.856a2.784 2.784 0 0 1 2.784-2.784h20.42a2.784 2.784 0 0 1 2.785 2.784v38.055a3.713 3.713 0 0 1-3.713 3.713H24.401a3.713 3.713 0 0 1-3.713-3.713V24.89l-4.177-3.248l4.177-2.32z"/><path d="M46.677 51.342h-.929v.929h.929zm0-3.712v-.93h-.929v.929zm0-22.277v-.928h-.929v.928zm0 3.713h-.929v.928h.929zm.928 22.276V47.63h-1.857v3.712zm11.138-12.994c0 6.664-5.402 12.066-12.066 12.066v1.857c7.689 0 13.922-6.234 13.922-13.923zM46.677 26.282c6.664 0 12.066 5.402 12.066 12.066h1.856c0-7.69-6.233-13.923-13.922-13.923zm.928 2.784v-3.713h-1.857v3.713zm-.928.928a8.354 8.354 0 0 1 8.353 8.354h1.857c0-5.639-4.572-10.21-10.21-10.21zm8.353 8.354a8.354 8.354 0 0 1-8.353 8.353v1.857c5.638 0 10.21-4.571 10.21-10.21z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M20.688 19.32h23.204m-13.61-5.105a3.249 3.249 0 1 1 5.872 0m-4.328 5.57v7.425m2.784-7.425v9.281m-12.994-3.712h7.425m8.354 0h9.282"/></svg>French Press アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:french-press" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:french-press" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:french-press" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--french-press]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:french-press"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:french-press"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/french-press.svg" alt="French Press アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの French Press アイコン
French Press アイコン のよくある質問
French Press アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で French Press アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:french-press" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
French Press アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/french-press.svg" alt="French Press アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。