Recycling Symbol アイコン

Q: Recycling Symbol アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:recycling-symbol

Recycling Symbol アイコン(openmoji:recycling-symbol)は、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
カテゴリ: 記号
タグ: recyclingsymbol

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m24.6 40.688l9.999-17.733l10.055 18.774z"/><path fill="#5c9e31" stroke="#5c9e31" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M34.6 22.955L30.975 28.9l-10-6l2.993-5.047a5 5 0 0 1 6.207-1.414c.49.247.889.645 1.172 1.115l3.22 5.349zm9.995 18.777l-3.482-6.03L51.172 29.8l2.994 5.046a5 5 0 0 1-1.733 6.125c-.451.311-.993.47-1.54.494l-6.238.263z"/><path fill="#b1cc33" stroke="#b1cc33" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15.174 40.477l6.378 11.716l.09.167c.458.834 1.023.801 1.796.801h1.776l5.927-.02l-.174-11.66l-3.601.029l-9.908-.03h-.016c-.009-.003-1.627.004-1.635 0zM31.372 17.56L37 26.906l-1.904 1.252l8.904.748l5-8l-2 1l-3-5l-.097-.163c-.487-.817-1.121-.83-1.86-.83l-14.368-.006s2.603-.177 3.697 1.653"/><path fill="#5c9e31" stroke="#5c9e31" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m28 37.906l-2-1l-.46.66l-2.37 3.93l-5.71-.02h-.02c-.01 0-.02 0-.02-.01c-2.14-.95-3.7-3.47-2.69-5.7l3.03-4.98l-1.82-1.31l9.41.7z"/><path fill="#b1cc33" stroke="#b1cc33" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m53.787 39.533l-6.595 12.041c-.355.648-.69 1.544-1.64 1.578h-.29l-5.747-.007l-.048 2.125l-4.607-8.232l4.754-7.761v2.214l6.64-.038l5.91.138z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M32.261 26.836L31 28.906l-10-6l2.994-5.047a5 5 0 0 1 6.206-1.414c.49.247.889.645 1.172 1.115L37 26.906l-1.904 1.252l8.904.748l5-8l-2 1l-3-5l-.097-.163c-.487-.817-1.121-.83-1.86-.83l-7.092-.006M14.734 35.766c-1.014 2.229-.262 4.76 1.876 5.715c0 0 .748-.005.757-.001h.091l9.908.03l3.601-.03l.174 11.661l-5.927.02h-1.776c-.772 0-1.338.033-1.795-.801l-.09-.167l-3.662-6.784m-3.157-9.643l3.026-4.984l-1.817-1.304l9.409.696L28 37.906l-2-1l-.463.661m16.79.183l-1.212-2.108l10.072-5.88l2.984 5.053a5 5 0 0 1-1.747 6.122c-.452.31-.994.468-1.541.49l-11.27.064v-2.214l-4.753 7.76l4.607 8.234l.048-2.126l5.748.008h.289c.95-.035 1.285-.93 1.64-1.578l3.336-6.067"/></svg>

Recycling Symbol アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:recycling-symbol" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:recycling-symbol" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:recycling-symbol" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--recycling-symbol]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:recycling-symbol"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:recycling-symbol"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/recycling-symbol.svg" alt="Recycling Symbol アイコン" width="24" height="24">

他のアイコンセットの Recycling Symbol アイコン

Recycling Symbol アイコンのよくある質問

Recycling Symbol アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Recycling Symbol アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:recycling-symbol" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Recycling Symbol アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/recycling-symbol.svg" alt="Recycling Symbol アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →