Recycling Symbol アイコン
fluent-emoji-high-contrast:recycling-symbol
Recycling Symbol アイコン(fluent-emoji-high-contrast:recycling-symbol)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 記号
- タグ
- recyclingsymbol
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m22.274 7.76l1.04-.6c.42-.24.93.12.83.58l-1.37 6.39c-.07.32-.4.51-.71.41l-6.23-1.97a.555.555 0 0 1-.11-1.01l1.25-.73l-1.064-1.831l-2.757 4.371c-.33.52-1.01.68-1.53.35l-3.32-2.09c-.52-.33-.68-1.01-.35-1.53l3.728-5.911l-.027.041q.022-.037.047-.073l.042-.067l.012-.01A2.64 2.64 0 0 1 13.883 3h4.11c.94 0 1.82.5 2.29 1.32zm-12.25 6.11l1.66 6.32c.12.46-.37.86-.79.63l-1.28-.67l-.983 1.87h5.123c.61 0 1.11.5 1.11 1.11v3.93c0 .61-.5 1.11-1.11 1.11H6.719q.066.01.134.01c-.91 0-1.76-.46-2.24-1.23l-2.2-3.48c-.51-.8-.55-1.8-.11-2.64l1.84-3.52l-1.06-.56a.563.563 0 0 1 .07-1.02l6.14-2.24c.31-.11.65.06.73.38m13.401 8.061l-2.38-4.58c-.29-.55-.07-1.22.47-1.5l3.49-1.81c.55-.29 1.22-.07 1.5.47l3.27 6.31l.003.026c.331.77.283 1.65-.143 2.373l-2.08 3.55a2.66 2.66 0 0 1-2.3 1.31l-3.98-.02v1.2c0 .49-.57.74-.93.41l-4.82-4.41a.557.557 0 0 1 0-.82l4.85-4.38c.36-.33.93-.07.93.41l-.01 1.45z"/></svg>
Recycling Symbol アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:recycling-symbol" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:recycling-symbol" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:recycling-symbol" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--recycling-symbol]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:recycling-symbol"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:recycling-symbol"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/recycling-symbol.svg" alt="Recycling Symbol アイコン" width="24" height="24">
他のアイコンセットの Recycling Symbol アイコン
Recycling Symbol アイコン のよくある質問
Recycling Symbol アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Recycling Symbol アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:recycling-symbol" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Recycling Symbol アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/recycling-symbol.svg" alt="Recycling Symbol アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
