ICONYZ
日本語
Custom Brand Icons の Garbage Plastic アイコン

Garbage Plastic アイコン

cbi:garbage-plastic

Garbage Plastic アイコン(cbi:garbage-plastic)は、Custom Brand Icons セットの無料 SVG アイコンです(作者: Emanuele & rchiileea)。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Custom Brand Icons
作者
Emanuele & rchiileea
ライセンス
CC-BY-NC-SA-4.0
サイズ
24 × 24
タグ
garbageplastic
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.002 2a78 78 0 0 0-1.131.008c-.484.008-.744.23-.762.591c-.024.445-.005.89-.005 1.37h3.763c0-.494.021-.966-.009-1.436c-.02-.332-.299-.518-.726-.524Q12.567 2 12.002 2m-1.431 2.309c.187.461-.129.694-.511.918a4.2 4.2 0 0 0-.686.504C8.104 6.89 7.49 8.188 7.97 9.717c.086.273.252.386.654.381c2.071-.02 4.142-.01 6.214-.01c1.109 0 1.208-.068 1.338-.931a2 2 0 0 0 .011-.244a4.28 4.28 0 0 0-2.071-3.558c-.4-.28-.962-.49-.755-1.046Zm.179 1.265a1 1 0 0 1 .103.001a11 11 0 0 0-1.406 1.697a8.5 8.5 0 0 0-.553 1.939c-.552-1.231.786-3.585 1.856-3.637M8.3 10.373v6.807h7.407v-6.807Zm.92.712l.177.003a1.7 1.7 0 0 1 .075.363c.005 1.518.003 3.037.002 4.555a.7.7 0 0 1-.017.242c-.02.052-.099.09-.151.135c-.057-.04-.148-.074-.164-.124a1 1 0 0 1-.017-.283c0-1.492-.003-2.982.003-4.474a2 2 0 0 1 .092-.417m6.262 6.411c-1.156.021-2.315.009-3.472.009H8.801c-.799 0-1.016.131-1.039.762a39 39 0 0 0 0 2.684c.016.468.384.804.959.908c.54.096 1.151.237 1.555-.263c.175-.216.377-.202.594-.02c.369.311 1.503.557 1.834.285c.551-.452.816-.334 1.415-.009a1.525 1.525 0 0 0 2.109-.915a26 26 0 0 0-.003-2.682a1.5 1.5 0 0 0-.138-.43c-.085-.239-.256-.336-.605-.329m-6.667.746c.066.081.183.159.187.242c.021.379.011.759.011 1.14c0 .365.008.733-.009 1.099c-.003.075-.106.147-.163.221c-.074-.074-.212-.147-.213-.221a55 55 0 0 1-.001-2.237c0-.081.123-.163.188-.244"/></svg>

Garbage Plastic アイコンの使い方

React

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

<Icon icon="cbi:garbage-plastic" width="24" />

Vue

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

<template>
  <Icon icon="cbi:garbage-plastic" width="24" />
</template>

Svelte

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

<Icon icon="cbi:garbage-plastic" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--garbage-plastic]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:garbage-plastic"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:garbage-plastic"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/garbage-plastic.svg" alt="Garbage Plastic アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Garbage Plastic アイコン のよくある質問

Garbage Plastic アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

React で Garbage Plastic アイコンを使うには?

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

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

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

Custom Brand Icons をすべて見る →