Compression アイコン
fxemoji:compression
Compression アイコン(fxemoji:compression)は、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="#AF773F" d="M288.333 228.554H170.712a7.4 7.4 0 0 1-7.403-7.403V103.53a7.4 7.4 0 0 1 7.403-7.403h117.621a7.4 7.4 0 0 1 7.403 7.403v117.621a7.403 7.403 0 0 1-7.403 7.403"/><path fill="#332A23" d="M242.54 151.116h-26.036a9.631 9.631 0 0 1 0-19.262h26.036a9.63 9.63 0 0 1 9.631 9.631c.001 5.318-4.311 9.631-9.631 9.631"/><path fill="#E5AA6E" d="M245.131 115.606a2.997 2.997 0 0 1-2.997 2.997h-25.223a2.997 2.997 0 0 1-2.997-2.997V96.127h31.217zm-31.217 112.948h31.217v-19.479a2.997 2.997 0 0 0-2.997-2.997h-25.223a2.997 2.997 0 0 0-2.997 2.997z"/><path fill="#1C4C5A" d="M120.26 308.108h216.671v33.452H120.26z"/><path fill="#ADB8BC" d="M511.122 243.775c-4.631 16.191-19.199 45.181-64.103 45.334v.402H120.26v-28.807h320.436l-5.795-27.559h68.18c5.544-.001 9.566 5.299 8.041 10.63M336.931 360.159H120.26v28.807h216.671zM153.259 218.738h-21.671c-5.55 0-10.05-4.499-10.05-10.05v-50.704c0-5.55 4.499-10.05 10.05-10.05h21.671c5.55 0 10.05 4.499 10.05 10.05v50.704c0 5.55-4.499 10.05-10.05 10.05m184.442-10.05v-50.704c0-5.55-4.499-10.05-10.05-10.05H305.98c-5.55 0-10.05 4.499-10.05 10.05v50.704c0 5.55 4.499 10.05 10.05 10.05h21.671c5.55 0 10.05-4.5 10.05-10.05"/><path fill="#819096" d="M23.031 153.638h23.26v270.955h-23.26z"/><path fill="#ADB8BC" d="M60.213 153.638c0 14.112-11.44 25.552-25.552 25.552S9.109 167.75 9.109 153.638s11.44-25.552 25.552-25.552s25.552 11.44 25.552 25.552M34.661 399.041c-14.112 0-25.552 11.44-25.552 25.552s11.44 25.552 25.552 25.552s25.552-11.44 25.552-25.552s-11.44-25.552-25.552-25.552"/><path fill="#C5CFD1" d="M141.636 187.545v229.439c0 10.931-8.861 19.792-19.792 19.792H98.772c-10.931 0-19.792-8.861-19.792-19.792V314.805H9.842A8.84 8.84 0 0 1 1 305.964v-33.697a8.84 8.84 0 0 1 8.842-8.842H78.98V213.88c0-19.159 15.531-34.69 34.69-34.69h19.612a8.355 8.355 0 0 1 8.354 8.355m311.681 28.194H379.46c-.25-20.227-16.715-36.549-37.001-36.549H325.73a8.914 8.914 0 0 0-8.914 8.914v230.584c0 29.681 24.061 53.742 53.742 53.742a8.914 8.914 0 0 0 8.914-8.914v-52.847h73.846a7.865 7.865 0 0 0 7.865-7.865v-179.2a7.867 7.867 0 0 0-7.866-7.865"/><path fill="#1C4C5A" d="M425.007 380.677h-60.312c-5.464 0-9.894-4.43-9.894-9.894v-9.02c0-5.464 4.43-9.894 9.894-9.894h60.312c5.464 0 9.894 4.43 9.894 9.894v9.02c0 5.465-4.43 9.894-9.894 9.894"/></svg>Compression アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:compression" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:compression" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:compression" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--compression]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:compression"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:compression"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/compression.svg" alt="Compression アイコン" width="24" height="24">他のアイコンセットの Compression アイコン
Compression アイコン のよくある質問
Compression アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Compression アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:compression" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Compression アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/compression.svg" alt="Compression アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。