Recycling 14 アイコン
osmic:recycling-14
Recycling 14 アイコン(osmic:recycling-14)は、OSM Icons セットの無料 SVG アイコンです(作者: GMGeo)。 14 × 14 のグリッドで描かれています。 OSM Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" d="M5.111 8.69L3.513 5.805H.3l1.306.784L.8 8.031a.87.87 0 0 0 0 .82l1.27 2.298q.087-.25.173-.428l1.58-2.814zm-2.388 2.317a.96.96 0 0 0-.138.498q0 .41.284.695t.678.285H6.71V9.831H3.376q-.035.071-.258.463zm4.278-6.575h3.197l1.615-2.886l-1.306.784L9.699.887a.73.73 0 0 0-.687-.41H6.469q.154.179.258.356L8.29 3.648l-.258.16zM5.438.62q-.55 0-.825.498L3.015 3.97q.91.552 2.217 1.319q.772-1.373 1.666-2.994l-.635-1.176Q5.988.62 5.438.62m4.107 9.175v-1.55l-1.599 2.886L9.545 14v-1.55h1.597a.77.77 0 0 0 .705-.41l1.271-2.298a1.7 1.7 0 0 1-.43.07zm2.37-4.882q-.084.053-2.216 1.319l1.684 3.011h1.289a.9.9 0 0 0 .842-.5q.257-.48-.018-.979z"/></svg>Recycling 14 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="osmic:recycling-14" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="osmic:recycling-14" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="osmic:recycling-14" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[osmic--recycling-14]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/osmic -->
<div class="i-osmic:recycling-14"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="osmic:recycling-14"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/osmic/recycling-14.svg" alt="Recycling 14 アイコン" width="24" height="24">Recycling 14 アイコン のよくある質問
Recycling 14 アイコンは商用利用でも無料ですか?
はい。OSM Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Recycling 14 アイコンを使うには?
@iconify/react をインストールして <Icon icon="osmic:recycling-14" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Recycling 14 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/osmic/recycling-14.svg" alt="Recycling 14 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。