Envelopedownarrowabove アイコン
fxemoji:envelopedownarrowabove
Envelopedownarrowabove アイコン(fxemoji:envelopedownarrowabove)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#96A9B2" d="M486.182 483.414c1.746-4.72-198.773-156.127-198.773-156.127c-25.103-18.525-38.307-18.817-63.132 0c0 0-200.227 151.285-198.542 155.94l-.041.034c.02.041.054.068.082.105a43.6 43.6 0 0 0 7.305 12.738c1.325 1.607 2.922 2.953 4.458 4.353l-.075.058c.122.109.285.16.408.268c6.51 5.807 14.719 9.568 23.839 10.642c.143.017.258.092.401.109h.55c1.386.133 2.705.466 4.125.466H445.34c18.64 0 34.434-11.723 40.706-28.154c.075-.122.19-.211.258-.336z"/><path fill="#B9C5C6" d="M256.119 309.911L26.753 481.936V238.234c0-23.754 19.252-43.006 43.006-43.006h372.72c23.754 0 43.006 19.252 43.006 43.006v243.701z"/><path fill="#EDECE6" d="m29.429 223.281l195.83 153.814c24.716 18.239 37.717 18.527 62.159 0l195.522-153.57c-3.392-6.149-8.471-11.007-14.278-14.881l2.69-2.108c-6.564-5.975-14.954-9.849-24.268-10.849l-381.911.013c-9.287.987-17.691 4.874-24.241 10.836l2.67 2.081c-5.743 3.821-10.774 8.595-14.173 14.664"/><path fill="#DCE2E2" d="M29.365 223.604c-1.72 4.647 195.71 153.721 195.71 153.721c24.716 18.239 37.717 18.527 62.159 0c0 0 197.142-148.953 195.482-153.537l.04-.033c-.02-.04-.054-.067-.08-.104a43 43 0 0 0-7.193-12.542c-1.305-1.582-2.877-2.907-4.389-4.286l.074-.057c-.12-.107-.281-.157-.401-.264c-6.41-5.717-14.493-9.421-23.472-10.478c-.141-.017-.254-.09-.395-.107h-.542c-1.365-.13-2.663-.458-4.061-.458H69.577c-18.353 0-33.903 11.542-40.079 27.721c-.074.12-.187.207-.254.331z"/><path fill="#FF473E" d="M314.311 81.508h-22.949V14.4c0-7.953-6.447-14.4-14.4-14.4h-44.577c-7.953 0-14.4 6.447-14.4 14.4v67.108H188.65c-12.819 0-18.952 15.752-9.507 24.42l66.219 60.768c5.593 5.133 14.25 4.899 19.558-.527l59.442-60.768c8.707-8.902 2.401-23.893-10.051-23.893"/></svg>Envelopedownarrowabove アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:envelopedownarrowabove" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:envelopedownarrowabove" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:envelopedownarrowabove" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--envelopedownarrowabove]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:envelopedownarrowabove"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:envelopedownarrowabove"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/envelopedownarrowabove.svg" alt="Envelopedownarrowabove アイコン" width="24" height="24">Envelopedownarrowabove アイコン のよくある質問
Envelopedownarrowabove アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Envelopedownarrowabove アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:envelopedownarrowabove" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Envelopedownarrowabove アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/envelopedownarrowabove.svg" alt="Envelopedownarrowabove アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。