ICONYZ
日本語
Qlementine Icons の Trash Full 16 アイコン

Trash Full 16 アイコン

qlementine-icons:trash-full-16

Trash Full 16 アイコン(qlementine-icons:trash-full-16)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Qlementine Icons
作者
Olivier Cléro
ライセンス
MIT
サイズ
24 × 24
カテゴリ
アクション
タグ
trashfull
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7 10.5a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0zM9.5 9a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2a.5.5 0 0 1 .5-.5"/><path fill="currentColor" fill-rule="evenodd" d="m8.14.051l.241.018c.402.03.735.054 1 .095c.279.044.534.111.768.252c.362.22.646.546.81.935c.106.251.136.512.139.794c.002.271-.022.603-.051 1l-.01.12l3.5.255a.5.5 0 1 1-.072.997l-.542-.04l-.556 6.68c-.063.759-.113 1.36-.192 1.84c-.08.493-.196.9-.411 1.27a3.5 3.5 0 0 1-1.51 1.39c-.385.185-.802.266-1.3.305c-.486.038-1.09.038-1.85.038h-.21c-.76 0-1.36 0-1.85-.038c-.496-.04-.912-.12-1.3-.304a3.5 3.5 0 0 1-1.51-1.39c-.215-.368-.33-.777-.41-1.27c-.079-.481-.128-1.08-.192-1.84l-.63-7.55l-.542-.04a.5.5 0 1 1 .073-.997l3.5.255l.009-.12c.029-.4.053-.733.095-1c.044-.279.112-.533.253-.766c.22-.36.547-.644.938-.808c.252-.106.514-.136.796-.138c.272-.002.604.022 1.01.051zm-5.12 3.64l.049.59l2.89 3.39l2.4-3.59l-5.33-.389zm6.46.471a.5.5 0 0 1-.058.12l-.746 1.12l1.78 1.42l2.21-2.43l-3.18-.233zm.569-1.06l-.007.1l-4-.29l.007-.1c.031-.428.053-.719.088-.942c.034-.217.074-.327.12-.402c.11-.18.274-.322.469-.404c.08-.034.196-.058.416-.06c.226-.002.517.02.946.05l.2.015c.428.031.719.053.943.088c.218.033.328.074.403.12a1 1 0 0 1 .405.468c.034.08.058.194.06.414c.002.227-.019.517-.05.944zm2.33 7.96l.446-5.35l-1.95 2.13a.5.5 0 0 1-.682.054l-2.07-1.66l-1.7 2.55a.498.498 0 0 1-.797.047l-2.41-2.84l.422 5.07c.065.784.112 1.34.184 1.78c.07.432.159.705.287.924a2.5 2.5 0 0 0 1.08.992c.229.11.509.175.945.21c.442.035 1 .035 1.79.035h.167c.787 0 1.35 0 1.79-.035c.436-.035.716-.1.945-.21a2.5 2.5 0 0 0 1.08-.992c.128-.22.217-.493.288-.924c.071-.438.118-.997.184-1.78z" clip-rule="evenodd"/></svg>

Trash Full 16 アイコンの使い方

React

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

<Icon icon="qlementine-icons:trash-full-16" width="24" />

Vue

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

<template>
  <Icon icon="qlementine-icons:trash-full-16" width="24" />
</template>

Svelte

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

<Icon icon="qlementine-icons:trash-full-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--trash-full-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:trash-full-16"></div>

Web コンポーネント

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

<iconify-icon icon="qlementine-icons:trash-full-16"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/qlementine-icons/trash-full-16.svg" alt="Trash Full 16 アイコン" width="24" height="24">

Qlementine Icons の関連アイコン

Trash Full 16 アイコン のよくある質問

Trash Full 16 アイコンは商用利用でも無料ですか?

はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Trash Full 16 アイコンを使うには?

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

Trash Full 16 アイコンをウェブページに追加するには?

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

Qlementine Icons をすべて見る →