done all icon

done-all-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.

Name
done-all-rounded
Set
Material Symbols Light
Style
Rounded
Category
UI Actions
Viewbox
24×24
License
Apache 2.0
Aliases
done-all-outline-rounded

1 other variant in Material Symbols Light

done-all

The same icon in other sets

done-all-fillEva Iconsdone-allIconParkdone-allIconPark Outlinedone-allMaterial Symbols

More ui actions icons from Material Symbols Light

123abcaccessible-menuaction-keyacuteaddadd-2add-boxadd-circleadd-taskall-matchamendapp-badgingapp-registrationappsapps-outagearrow-and-edgearrow-backarrow-back-2arrow-back-iosarrow-back-ios-newarrow-circle-downarrow-circle-leftarrow-circle-right

Use the done all icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.096 12.704q-.146-.146-.153-.345t.159-.363q.165-.16.354-.162t.354.162l3.896 3.896l.5-.5q.117-.036.263-.006t.283.168q.165.165.163.354q-.004.188-.169.353l-.48.481q-.243.237-.566.24q-.323.002-.566-.24zm10.254 3.183l8.846-8.846q.146-.147.345-.153t.363.158q.16.166.162.354q.003.189-.162.354l-8.988 8.988q-.243.243-.566.243t-.565-.243l-4.039-4.038q-.14-.14-.15-.342q-.01-.2.15-.366q.166-.165.357-.165t.357.165zm3.898-8.127l-4.237 4.236q-.14.14-.34.15q-.202.01-.367-.15q-.166-.165-.166-.356q0-.192.166-.357l4.236-4.237q.14-.14.342-.15q.2-.01.366.15q.165.166.165.357t-.165.357"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDoneAllRounded(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="M2.096 12.704q-.146-.146-.153-.345t.159-.363q.165-.16.354-.162t.354.162l3.896 3.896l.5-.5q.117-.036.263-.006t.283.168q.165.165.163.354q-.004.188-.169.353l-.48.481q-.243.237-.566.24q-.323.002-.566-.24zm10.254 3.183l8.846-8.846q.146-.147.345-.153t.363.158q.16.166.162.354q.003.189-.162.354l-8.988 8.988q-.243.243-.566.243t-.565-.243l-4.039-4.038q-.14-.14-.15-.342q-.01-.2.15-.366q.166-.165.357-.165t.357.165zm3.898-8.127l-4.237 4.236q-.14.14-.34.15q-.202.01-.367-.15q-.166-.165-.166-.356q0-.192.166-.357l4.236-4.237q.14-.14.342-.15q.2-.01.366.15q.165.166.165.357t-.165.357"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.096 12.704q-.146-.146-.153-.345t.159-.363q.165-.16.354-.162t.354.162l3.896 3.896l.5-.5q.117-.036.263-.006t.283.168q.165.165.163.354q-.004.188-.169.353l-.48.481q-.243.237-.566.24q-.323.002-.566-.24zm10.254 3.183l8.846-8.846q.146-.147.345-.153t.363.158q.16.166.162.354q.003.189-.162.354l-8.988 8.988q-.243.243-.566.243t-.565-.243l-4.039-4.038q-.14-.14-.15-.342q-.01-.2.15-.366q.166-.165.357-.165t.357.165zm3.898-8.127l-4.237 4.236q-.14.14-.34.15q-.202.01-.367-.15q-.166-.165-.166-.356q0-.192.166-.357l4.236-4.237q.14-.14.342-.15q.2-.01.366.15q.165.166.165.357t-.165.357"/></svg>
</template>

CSS

.icon-done-all-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%22M2.096%2012.704q-.146-.146-.153-.345t.159-.363q.165-.16.354-.162t.354.162l3.896%203.896l.5-.5q.117-.036.263-.006t.283.168q.165.165.163.354q-.004.188-.169.353l-.48.481q-.243.237-.566.24q-.323.002-.566-.24zm10.254%203.183l8.846-8.846q.146-.147.345-.153t.363.158q.16.166.162.354q.003.189-.162.354l-8.988%208.988q-.243.243-.566.243t-.565-.243l-4.039-4.038q-.14-.14-.15-.342q-.01-.2.15-.366q.166-.165.357-.165t.357.165zm3.898-8.127l-4.237%204.236q-.14.14-.34.15q-.202.01-.367-.15q-.166-.165-.166-.356q0-.192.166-.357l4.236-4.237q.14-.14.342-.15q.2-.01.366.15q.165.166.165.357t-.165.357%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%22M2.096%2012.704q-.146-.146-.153-.345t.159-.363q.165-.16.354-.162t.354.162l3.896%203.896l.5-.5q.117-.036.263-.006t.283.168q.165.165.163.354q-.004.188-.169.353l-.48.481q-.243.237-.566.24q-.323.002-.566-.24zm10.254%203.183l8.846-8.846q.146-.147.345-.153t.363.158q.16.166.162.354q.003.189-.162.354l-8.988%208.988q-.243.243-.566.243t-.565-.243l-4.039-4.038q-.14-.14-.15-.342q-.01-.2.15-.366q.166-.165.357-.165t.357.165zm3.898-8.127l-4.237%204.236q-.14.14-.34.15q-.202.01-.367-.15q-.166-.165-.166-.356q0-.192.166-.357l4.236-4.237q.14-.14.342-.15q.2-.01.366.15q.165.166.165.357t-.165.357%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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