Back Of Envelope アイコン
emojione-v1:back-of-envelope
Back Of Envelope アイコン(emojione-v1:back-of-envelope)は、Emoji One (v1) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
- タグ
- backof、ofenvelope、backofenvelope
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f1f2f2" d="M0 7.688h64v48H0z"/><path fill="#bcbec0" d="M0 55.688L32.06 20.94L64 55.688z"/><path fill="#e7e6e6" d="M.127 55.688L32.06 23.68L64 55.688z"/><path fill="#bcbec0" d="M64 7.688L31.938 44.25L0 7.688z"/><path fill="#e7e6e6" d="M63.873 7.688L31.938 39.696L0 7.688z"/><path fill="#c13a51" d="M33.02 42.718c.051.023.1.061.152.08c1.678.633 3.615 1.066 5.098-.27c1.072-.965 1.494-2.283 1.369-3.639c2.076-1 4.088-2.877 2.9-5.396c-.484-1.029-1.266-1.654-2.176-2.037c.113-.34.207-.68.215-1.051c.043-1.854-1.049-3.199-2.664-3.369c-.764-.951-1.709-1.748-2.834-2.289c-1.525-.736-3.518-.211-4.697 1.012c-.037-.082-.051-.168-.094-.248c-1.461-2.691-5.488-2.408-6.092.777c-.256 1.354.178 2.686.902 3.826c-.139.539-.201 1.105-.256 1.591c.18-1.599-2.148.807-2.633 1.414c-1.699 2.128-1.203 5.534 1.414 6.679c.395.156.805.25 1.229.273c.242.029.43.049.578.059c.184.877.482 1.662 1.184 2.404c1.623 1.721 4.521 2.592 6.254.455c.067-.08.091-.185.151-.271"/><circle cx="32.14" cy="33.965" r="8.07" fill="#ce3a4c"/><circle cx="32.14" cy="33.965" r="6.917" fill="#dd4e66"/></svg>Back Of Envelope アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:back-of-envelope" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:back-of-envelope" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:back-of-envelope" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--back-of-envelope]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:back-of-envelope"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:back-of-envelope"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/back-of-envelope.svg" alt="Back Of Envelope アイコン" width="24" height="24">Emoji One (v1) の関連アイコン
Back Of Envelope アイコン のよくある質問
Back Of Envelope アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Back Of Envelope アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:back-of-envelope" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Back Of Envelope アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/back-of-envelope.svg" alt="Back Of Envelope アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。