switching done icon
switching-done from IconPark by ByteDance · Color · Edit · Apache-2.0 Free for personal and commercial use.
- Name
- switching-done
- Set
- IconPark
- Style
- Color
- Category
- Edit
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More edit icons from IconPark
Use the switching done icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M29.6325 4H21.9932V27H43.9932V20.9631"/><path stroke-linejoin="round" d="M29.0015 13.003L33.5649 17.4445L45.0001 6"/><path d="M30.0049 43.9998C23.6752 43.9998 19.5595 43.9998 17.6579 43.9998C15.9557 43.9998 13.9159 43.4318 12.5475 41.6126C11.6229 40.3832 11.0049 38.5826 11.0049 35.9998C11.0049 31.7298 11.0049 28.063 11.0049 24.9995"/><path stroke-linejoin="round" d="M3 32.9998L11.0046 24.9995L19.0138 32.9998"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkSwitchingDone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="4"><path strokeLinejoin="round" d="M29.6325 4H21.9932V27H43.9932V20.9631"/><path strokeLinejoin="round" d="M29.0015 13.003L33.5649 17.4445L45.0001 6"/><path d="M30.0049 43.9998C23.6752 43.9998 19.5595 43.9998 17.6579 43.9998C15.9557 43.9998 13.9159 43.4318 12.5475 41.6126C11.6229 40.3832 11.0049 38.5826 11.0049 35.9998C11.0049 31.7298 11.0049 28.063 11.0049 24.9995"/><path strokeLinejoin="round" d="M3 32.9998L11.0046 24.9995L19.0138 32.9998"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M29.6325 4H21.9932V27H43.9932V20.9631"/><path stroke-linejoin="round" d="M29.0015 13.003L33.5649 17.4445L45.0001 6"/><path d="M30.0049 43.9998C23.6752 43.9998 19.5595 43.9998 17.6579 43.9998C15.9557 43.9998 13.9159 43.4318 12.5475 41.6126C11.6229 40.3832 11.0049 38.5826 11.0049 35.9998C11.0049 31.7298 11.0049 28.063 11.0049 24.9995"/><path stroke-linejoin="round" d="M3 32.9998L11.0046 24.9995L19.0138 32.9998"/></g></svg> </template>
CSS
.icon-switching-done {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M29.6325%204H21.9932V27H43.9932V20.9631%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M29.0015%2013.003L33.5649%2017.4445L45.0001%206%22%2F%3E%3Cpath%20d%3D%22M30.0049%2043.9998C23.6752%2043.9998%2019.5595%2043.9998%2017.6579%2043.9998C15.9557%2043.9998%2013.9159%2043.4318%2012.5475%2041.6126C11.6229%2040.3832%2011.0049%2038.5826%2011.0049%2035.9998C11.0049%2031.7298%2011.0049%2028.063%2011.0049%2024.9995%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2032.9998L11.0046%2024.9995L19.0138%2032.9998%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M29.6325%204H21.9932V27H43.9932V20.9631%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M29.0015%2013.003L33.5649%2017.4445L45.0001%206%22%2F%3E%3Cpath%20d%3D%22M30.0049%2043.9998C23.6752%2043.9998%2019.5595%2043.9998%2017.6579%2043.9998C15.9557%2043.9998%2013.9159%2043.4318%2012.5475%2041.6126C11.6229%2040.3832%2011.0049%2038.5826%2011.0049%2035.9998C11.0049%2031.7298%2011.0049%2028.063%2011.0049%2024.9995%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2032.9998L11.0046%2024.9995L19.0138%2032.9998%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/switching-done.svg?color=%231a73e8&size=48
