Trash Slash アイコン
f7:trash-slash
Trash Slash アイコン(f7:trash-slash)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- trashslash
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="m41.148 34.926l3.563 3.562l1.148-24.093h2.344c.961 0 1.734-.797 1.734-1.758s-.773-1.782-1.734-1.782H37.961V7.34c0-3.352-2.274-5.531-5.883-5.531h-8.766c-3.609 0-5.859 2.18-5.859 5.53v3.024h-.82l4.008 4.032h21.468Zm8.18 17.25c.703.703 1.875.703 2.555 0c.68-.727.703-1.852 0-2.555L6.672 4.387c-.703-.703-1.875-.727-2.578 0c-.68.68-.68 1.851 0 2.531Zm-28.125-41.32V7.573c0-1.336.96-2.273 2.39-2.273h8.227c1.43 0 2.414.937 2.414 2.273v3.281ZM16.984 54.19h21.492c2.508 0 4.43-1.265 5.204-3.28l.023-.446l-3.117-3.094l-.024.914c-.07 1.383-1.054 2.39-2.46 2.39h-20.79c-1.336 0-2.343-1.03-2.414-2.39l-1.359-27.96l-3.844-3.844l1.524 32.203c.164 3.375 2.367 5.507 5.765 5.507m12.164-31.31v-2.625c0-.844-.656-1.524-1.43-1.524c-.398 0-.796.211-1.007.54v1.195Zm7.313 7.36l.281-9.962c.024-.89-.562-1.547-1.36-1.547c-.726 0-1.335.68-1.359 1.524l-.21 7.336ZM20.78 46.55c.797 0 1.383-.68 1.36-1.524l-.493-16.593l-2.789-2.813l.54 19.406c.023.891.609 1.524 1.382 1.524m6.938 0c.773 0 1.43-.68 1.43-1.524v-9.14l-2.837-2.79v11.93c0 .844.657 1.524 1.407 1.524m6.96 0c.774 0 1.337-.633 1.36-1.524l.07-2.156l-2.648-2.672l-.14 4.828c-.024.844.562 1.524 1.359 1.524"/></svg>Trash Slash アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:trash-slash" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:trash-slash" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:trash-slash" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--trash-slash]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:trash-slash"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:trash-slash"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/trash-slash.svg" alt="Trash Slash アイコン" width="24" height="24">Framework7 Icons の関連アイコン
Trash Slash アイコン のよくある質問
Trash Slash アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Trash Slash アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:trash-slash" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Trash Slash アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/trash-slash.svg" alt="Trash Slash アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。