auto delete icon

auto-delete-outline-rounded from Material Symbols Light by Google · Outline Rounded · Actions · Apache-2.0 Free for personal and commercial use.

Name: auto-delete-outline-rounded
Set: Material Symbols Light
Style: Outline Rounded
Category: Actions
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

auto-delete auto-delete-outline auto-delete-outline-sharp auto-delete-rounded auto-delete-sharp

The same icon in other sets

auto-deleteMaterial Symbols

More actions icons from Material Symbols Light

Use the auto delete icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 6v13zm.616 14q-.691 0-1.153-.462T6 18.384V6h-.602q-.194 0-.334-.144q-.141-.143-.141-.356q0-.194.144-.347Q5.21 5 5.423 5H9q0-.31.23-.54t.54-.23h4.46q.31 0 .54.23T15 5h3.577q.213 0 .356.144t.144.357t-.144.356t-.356.143H18v3.962q0 .212-.144.356t-.357.144t-.356-.144T17 9.962V6H7v12.385q0 .23.192.423t.423.192h2.502q.213 0 .356.142q.144.14.144.35q0 .197-.144.352t-.356.156zM9.797 8.144q-.143.143-.143.356v8q0 .213.144.356t.357.144t.356-.144t.143-.356v-8q0-.213-.144-.356Q10.366 8 10.153 8t-.356.144m3.693 0q-.144.144-.144.356v2.52q0 .204.144.342t.357.138t.356-.144t.143-.356V8.5q0-.213-.144-.356T13.846 8t-.356.144m.078 12.284q-1.414-1.42-1.414-3.432t1.417-3.428T17 12.154q.997 0 1.885.38q.888.382 1.544 1.037t1.037 1.544q.38.887.38 1.884q0 2.018-1.418 3.433q-1.42 1.414-3.432 1.414t-3.428-1.418m3.817-3.581V14.5q0-.154-.112-.27q-.111-.114-.273-.114t-.273.115t-.111.269v2.333q0 .153.055.297q.056.143.187.274l1.519 1.519q.112.112.264.121q.151.01.282-.121t.13-.273t-.13-.273z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightAutoDeleteOutlineRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 6v13zm.616 14q-.691 0-1.153-.462T6 18.384V6h-.602q-.194 0-.334-.144q-.141-.143-.141-.356q0-.194.144-.347Q5.21 5 5.423 5H9q0-.31.23-.54t.54-.23h4.46q.31 0 .54.23T15 5h3.577q.213 0 .356.144t.144.357t-.144.356t-.356.143H18v3.962q0 .212-.144.356t-.357.144t-.356-.144T17 9.962V6H7v12.385q0 .23.192.423t.423.192h2.502q.213 0 .356.142q.144.14.144.35q0 .197-.144.352t-.356.156zM9.797 8.144q-.143.143-.143.356v8q0 .213.144.356t.357.144t.356-.144t.143-.356v-8q0-.213-.144-.356Q10.366 8 10.153 8t-.356.144m3.693 0q-.144.144-.144.356v2.52q0 .204.144.342t.357.138t.356-.144t.143-.356V8.5q0-.213-.144-.356T13.846 8t-.356.144m.078 12.284q-1.414-1.42-1.414-3.432t1.417-3.428T17 12.154q.997 0 1.885.38q.888.382 1.544 1.037t1.037 1.544q.38.887.38 1.884q0 2.018-1.418 3.433q-1.42 1.414-3.432 1.414t-3.428-1.418m3.817-3.581V14.5q0-.154-.112-.27q-.111-.114-.273-.114t-.273.115t-.111.269v2.333q0 .153.055.297q.056.143.187.274l1.519 1.519q.112.112.264.121q.151.01.282-.121t.13-.273t-.13-.273z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 6v13zm.616 14q-.691 0-1.153-.462T6 18.384V6h-.602q-.194 0-.334-.144q-.141-.143-.141-.356q0-.194.144-.347Q5.21 5 5.423 5H9q0-.31.23-.54t.54-.23h4.46q.31 0 .54.23T15 5h3.577q.213 0 .356.144t.144.357t-.144.356t-.356.143H18v3.962q0 .212-.144.356t-.357.144t-.356-.144T17 9.962V6H7v12.385q0 .23.192.423t.423.192h2.502q.213 0 .356.142q.144.14.144.35q0 .197-.144.352t-.356.156zM9.797 8.144q-.143.143-.143.356v8q0 .213.144.356t.357.144t.356-.144t.143-.356v-8q0-.213-.144-.356Q10.366 8 10.153 8t-.356.144m3.693 0q-.144.144-.144.356v2.52q0 .204.144.342t.357.138t.356-.144t.143-.356V8.5q0-.213-.144-.356T13.846 8t-.356.144m.078 12.284q-1.414-1.42-1.414-3.432t1.417-3.428T17 12.154q.997 0 1.885.38q.888.382 1.544 1.037t1.037 1.544q.38.887.38 1.884q0 2.018-1.418 3.433q-1.42 1.414-3.432 1.414t-3.428-1.418m3.817-3.581V14.5q0-.154-.112-.27q-.111-.114-.273-.114t-.273.115t-.111.269v2.333q0 .153.055.297q.056.143.187.274l1.519 1.519q.112.112.264.121q.151.01.282-.121t.13-.273t-.13-.273z"/></svg>
</template>

CSS

.icon-auto-delete-outline-rounded {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%206v13zm.616%2014q-.691%200-1.153-.462T6%2018.384V6h-.602q-.194%200-.334-.144q-.141-.143-.141-.356q0-.194.144-.347Q5.21%205%205.423%205H9q0-.31.23-.54t.54-.23h4.46q.31%200%20.54.23T15%205h3.577q.213%200%20.356.144t.144.357t-.144.356t-.356.143H18v3.962q0%20.212-.144.356t-.357.144t-.356-.144T17%209.962V6H7v12.385q0%20.23.192.423t.423.192h2.502q.213%200%20.356.142q.144.14.144.35q0%20.197-.144.352t-.356.156zM9.797%208.144q-.143.143-.143.356v8q0%20.213.144.356t.357.144t.356-.144t.143-.356v-8q0-.213-.144-.356Q10.366%208%2010.153%208t-.356.144m3.693%200q-.144.144-.144.356v2.52q0%20.204.144.342t.357.138t.356-.144t.143-.356V8.5q0-.213-.144-.356T13.846%208t-.356.144m.078%2012.284q-1.414-1.42-1.414-3.432t1.417-3.428T17%2012.154q.997%200%201.885.38q.888.382%201.544%201.037t1.037%201.544q.38.887.38%201.884q0%202.018-1.418%203.433q-1.42%201.414-3.432%201.414t-3.428-1.418m3.817-3.581V14.5q0-.154-.112-.27q-.111-.114-.273-.114t-.273.115t-.111.269v2.333q0%20.153.055.297q.056.143.187.274l1.519%201.519q.112.112.264.121q.151.01.282-.121t.13-.273t-.13-.273z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%206v13zm.616%2014q-.691%200-1.153-.462T6%2018.384V6h-.602q-.194%200-.334-.144q-.141-.143-.141-.356q0-.194.144-.347Q5.21%205%205.423%205H9q0-.31.23-.54t.54-.23h4.46q.31%200%20.54.23T15%205h3.577q.213%200%20.356.144t.144.357t-.144.356t-.356.143H18v3.962q0%20.212-.144.356t-.357.144t-.356-.144T17%209.962V6H7v12.385q0%20.23.192.423t.423.192h2.502q.213%200%20.356.142q.144.14.144.35q0%20.197-.144.352t-.356.156zM9.797%208.144q-.143.143-.143.356v8q0%20.213.144.356t.357.144t.356-.144t.143-.356v-8q0-.213-.144-.356Q10.366%208%2010.153%208t-.356.144m3.693%200q-.144.144-.144.356v2.52q0%20.204.144.342t.357.138t.356-.144t.143-.356V8.5q0-.213-.144-.356T13.846%208t-.356.144m.078%2012.284q-1.414-1.42-1.414-3.432t1.417-3.428T17%2012.154q.997%200%201.885.38q.888.382%201.544%201.037t1.037%201.544q.38.887.38%201.884q0%202.018-1.418%203.433q-1.42%201.414-3.432%201.414t-3.428-1.418m3.817-3.581V14.5q0-.154-.112-.27q-.111-.114-.273-.114t-.273.115t-.111.269v2.333q0%20.153.055.297q.056.143.187.274l1.519%201.519q.112.112.264.121q.151.01.282-.121t.13-.273t-.13-.273z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/auto-delete-outline-rounded.svg?color=%231a73e8&size=48