bin xmark icon
bin-xmark from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- bin-xmark
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Use the bin xmark icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M15.757 49.548h24.486c4.599 0 6.653-2.148 7.33-6.723l3.478-23.413h.514c2.87 0 4.435-1.798 4.435-4.645v-3.549c0-2.847-1.564-4.645-4.435-4.645H4.435C1.704 6.573 0 8.37 0 11.218v3.549c0 2.847 1.564 4.645 4.435 4.645h.537l3.455 23.413c.7 4.598 2.73 6.723 7.33 6.723M5.392 15.887c-1.167 0-1.634-.49-1.634-1.657v-2.475c0-1.167.467-1.657 1.634-1.657h45.239c1.167 0 1.61.49 1.61 1.657v2.475c0 1.167-.443 1.657-1.61 1.657Zm10.411 30.136c-2.1 0-3.291-.934-3.641-3.245L8.684 19.412h38.632l-3.478 23.366c-.327 2.311-1.564 3.245-3.641 3.245Zm5.416-4.879c.49 0 .91-.233 1.237-.56l5.532-5.532l5.533 5.532c.326.303.747.56 1.26.56c.98 0 1.774-.84 1.774-1.82c0-.538-.21-.911-.537-1.261l-5.509-5.51l5.533-5.578c.35-.374.536-.724.536-1.214a1.783 1.783 0 0 0-1.797-1.797c-.443 0-.84.186-1.214.56l-5.579 5.532l-5.555-5.509c-.35-.35-.724-.537-1.214-.537c-.98 0-1.798.77-1.798 1.751c0 .514.21.91.537 1.237l5.51 5.556l-5.51 5.532c-.326.327-.537.724-.537 1.237c0 .98.794 1.821 1.798 1.821"/></svg>
React
import type { SVGProps } from "react";
export function F7BinXmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M15.757 49.548h24.486c4.599 0 6.653-2.148 7.33-6.723l3.478-23.413h.514c2.87 0 4.435-1.798 4.435-4.645v-3.549c0-2.847-1.564-4.645-4.435-4.645H4.435C1.704 6.573 0 8.37 0 11.218v3.549c0 2.847 1.564 4.645 4.435 4.645h.537l3.455 23.413c.7 4.598 2.73 6.723 7.33 6.723M5.392 15.887c-1.167 0-1.634-.49-1.634-1.657v-2.475c0-1.167.467-1.657 1.634-1.657h45.239c1.167 0 1.61.49 1.61 1.657v2.475c0 1.167-.443 1.657-1.61 1.657Zm10.411 30.136c-2.1 0-3.291-.934-3.641-3.245L8.684 19.412h38.632l-3.478 23.366c-.327 2.311-1.564 3.245-3.641 3.245Zm5.416-4.879c.49 0 .91-.233 1.237-.56l5.532-5.532l5.533 5.532c.326.303.747.56 1.26.56c.98 0 1.774-.84 1.774-1.82c0-.538-.21-.911-.537-1.261l-5.509-5.51l5.533-5.578c.35-.374.536-.724.536-1.214a1.783 1.783 0 0 0-1.797-1.797c-.443 0-.84.186-1.214.56l-5.579 5.532l-5.555-5.509c-.35-.35-.724-.537-1.214-.537c-.98 0-1.798.77-1.798 1.751c0 .514.21.91.537 1.237l5.51 5.556l-5.51 5.532c-.326.327-.537.724-.537 1.237c0 .98.794 1.821 1.798 1.821"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M15.757 49.548h24.486c4.599 0 6.653-2.148 7.33-6.723l3.478-23.413h.514c2.87 0 4.435-1.798 4.435-4.645v-3.549c0-2.847-1.564-4.645-4.435-4.645H4.435C1.704 6.573 0 8.37 0 11.218v3.549c0 2.847 1.564 4.645 4.435 4.645h.537l3.455 23.413c.7 4.598 2.73 6.723 7.33 6.723M5.392 15.887c-1.167 0-1.634-.49-1.634-1.657v-2.475c0-1.167.467-1.657 1.634-1.657h45.239c1.167 0 1.61.49 1.61 1.657v2.475c0 1.167-.443 1.657-1.61 1.657Zm10.411 30.136c-2.1 0-3.291-.934-3.641-3.245L8.684 19.412h38.632l-3.478 23.366c-.327 2.311-1.564 3.245-3.641 3.245Zm5.416-4.879c.49 0 .91-.233 1.237-.56l5.532-5.532l5.533 5.532c.326.303.747.56 1.26.56c.98 0 1.774-.84 1.774-1.82c0-.538-.21-.911-.537-1.261l-5.509-5.51l5.533-5.578c.35-.374.536-.724.536-1.214a1.783 1.783 0 0 0-1.797-1.797c-.443 0-.84.186-1.214.56l-5.579 5.532l-5.555-5.509c-.35-.35-.724-.537-1.214-.537c-.98 0-1.798.77-1.798 1.751c0 .514.21.91.537 1.237l5.51 5.556l-5.51 5.532c-.326.327-.537.724-.537 1.237c0 .98.794 1.821 1.798 1.821"/></svg> </template>
CSS
.icon-bin-xmark {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.757%2049.548h24.486c4.599%200%206.653-2.148%207.33-6.723l3.478-23.413h.514c2.87%200%204.435-1.798%204.435-4.645v-3.549c0-2.847-1.564-4.645-4.435-4.645H4.435C1.704%206.573%200%208.37%200%2011.218v3.549c0%202.847%201.564%204.645%204.435%204.645h.537l3.455%2023.413c.7%204.598%202.73%206.723%207.33%206.723M5.392%2015.887c-1.167%200-1.634-.49-1.634-1.657v-2.475c0-1.167.467-1.657%201.634-1.657h45.239c1.167%200%201.61.49%201.61%201.657v2.475c0%201.167-.443%201.657-1.61%201.657Zm10.411%2030.136c-2.1%200-3.291-.934-3.641-3.245L8.684%2019.412h38.632l-3.478%2023.366c-.327%202.311-1.564%203.245-3.641%203.245Zm5.416-4.879c.49%200%20.91-.233%201.237-.56l5.532-5.532l5.533%205.532c.326.303.747.56%201.26.56c.98%200%201.774-.84%201.774-1.82c0-.538-.21-.911-.537-1.261l-5.509-5.51l5.533-5.578c.35-.374.536-.724.536-1.214a1.783%201.783%200%200%200-1.797-1.797c-.443%200-.84.186-1.214.56l-5.579%205.532l-5.555-5.509c-.35-.35-.724-.537-1.214-.537c-.98%200-1.798.77-1.798%201.751c0%20.514.21.91.537%201.237l5.51%205.556l-5.51%205.532c-.326.327-.537.724-.537%201.237c0%20.98.794%201.821%201.798%201.821%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.757%2049.548h24.486c4.599%200%206.653-2.148%207.33-6.723l3.478-23.413h.514c2.87%200%204.435-1.798%204.435-4.645v-3.549c0-2.847-1.564-4.645-4.435-4.645H4.435C1.704%206.573%200%208.37%200%2011.218v3.549c0%202.847%201.564%204.645%204.435%204.645h.537l3.455%2023.413c.7%204.598%202.73%206.723%207.33%206.723M5.392%2015.887c-1.167%200-1.634-.49-1.634-1.657v-2.475c0-1.167.467-1.657%201.634-1.657h45.239c1.167%200%201.61.49%201.61%201.657v2.475c0%201.167-.443%201.657-1.61%201.657Zm10.411%2030.136c-2.1%200-3.291-.934-3.641-3.245L8.684%2019.412h38.632l-3.478%2023.366c-.327%202.311-1.564%203.245-3.641%203.245Zm5.416-4.879c.49%200%20.91-.233%201.237-.56l5.532-5.532l5.533%205.532c.326.303.747.56%201.26.56c.98%200%201.774-.84%201.774-1.82c0-.538-.21-.911-.537-1.261l-5.509-5.51l5.533-5.578c.35-.374.536-.724.536-1.214a1.783%201.783%200%200%200-1.797-1.797c-.443%200-.84.186-1.214.56l-5.579%205.532l-5.555-5.509c-.35-.35-.724-.537-1.214-.537c-.98%200-1.798.77-1.798%201.751c0%20.514.21.91.537%201.237l5.51%205.556l-5.51%205.532c-.326.327-.537.724-.537%201.237c0%20.98.794%201.821%201.798%201.821%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/bin-xmark.svg?color=%231a73e8&size=48
