check in out icon
check-in-out-rounded from Material Symbols by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- check-in-out-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- check-in-out-outline-rounded
1 other variant in Material Symbols
The same icon in other sets
More activities icons from Material Symbols
Use the check in out icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.525 19Q5.25 19 4.4 18.15t-.85-2.125t.85-2.137t2.125-.863t2.125.85T9.5 16t-.85 2.137T6.525 19m-2.512-8.2q-.188-.175-.188-.45V5.625q0-.275.188-.45T4.475 5t.45.175t.175.45v4.725q0 .275-.175.45t-.45.175t-.462-.175m2.512 7.05q.775 0 1.275-.525T8.3 16t-.488-1.312t-1.287-.513q-.775 0-1.275.513T4.75 16t.5 1.325t1.275.525m.35-6.875q-.275 0-.45-.175t-.175-.45V5.6q0-.25.175-.425T6.85 5h.45q.175 0 .313.088t.212.212L9.9 8.8l-.05-.95V5.625q0-.275.175-.45t.45-.175t.45.175t.175.45v4.8q0 .225-.162.388t-.388.162h-.425q-.15 0-.262-.075t-.188-.2l-2.25-3.75l.075.95v2.45q0 .275-.175.45t-.45.175M12.8 19q-1.05 0-1.675-.675t-.625-1.8v-2.9q0-.25.175-.425t.45-.175t.438.162t.162.438V16.6q0 .525.313.875t.762.35t.75-.35t.3-.875v-2.975q0-.25.175-.425t.45-.175t.438.162t.162.438v2.9q0 1.125-.625 1.8T12.8 19m5.475 0q-.275 0-.45-.175t-.175-.45V14.2h-1.025q-.25 0-.412-.175t-.163-.425t.163-.413t.412-.162h3.25q.25 0 .413.163t.162.412t-.162.425t-.413.175h-1v4.2q0 .25-.162.425t-.438.175"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsCheckInOutRounded(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="M6.525 19Q5.25 19 4.4 18.15t-.85-2.125t.85-2.137t2.125-.863t2.125.85T9.5 16t-.85 2.137T6.525 19m-2.512-8.2q-.188-.175-.188-.45V5.625q0-.275.188-.45T4.475 5t.45.175t.175.45v4.725q0 .275-.175.45t-.45.175t-.462-.175m2.512 7.05q.775 0 1.275-.525T8.3 16t-.488-1.312t-1.287-.513q-.775 0-1.275.513T4.75 16t.5 1.325t1.275.525m.35-6.875q-.275 0-.45-.175t-.175-.45V5.6q0-.25.175-.425T6.85 5h.45q.175 0 .313.088t.212.212L9.9 8.8l-.05-.95V5.625q0-.275.175-.45t.45-.175t.45.175t.175.45v4.8q0 .225-.162.388t-.388.162h-.425q-.15 0-.262-.075t-.188-.2l-2.25-3.75l.075.95v2.45q0 .275-.175.45t-.45.175M12.8 19q-1.05 0-1.675-.675t-.625-1.8v-2.9q0-.25.175-.425t.45-.175t.438.162t.162.438V16.6q0 .525.313.875t.762.35t.75-.35t.3-.875v-2.975q0-.25.175-.425t.45-.175t.438.162t.162.438v2.9q0 1.125-.625 1.8T12.8 19m5.475 0q-.275 0-.45-.175t-.175-.45V14.2h-1.025q-.25 0-.412-.175t-.163-.425t.163-.413t.412-.162h3.25q.25 0 .413.163t.162.412t-.162.425t-.413.175h-1v4.2q0 .25-.162.425t-.438.175"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.525 19Q5.25 19 4.4 18.15t-.85-2.125t.85-2.137t2.125-.863t2.125.85T9.5 16t-.85 2.137T6.525 19m-2.512-8.2q-.188-.175-.188-.45V5.625q0-.275.188-.45T4.475 5t.45.175t.175.45v4.725q0 .275-.175.45t-.45.175t-.462-.175m2.512 7.05q.775 0 1.275-.525T8.3 16t-.488-1.312t-1.287-.513q-.775 0-1.275.513T4.75 16t.5 1.325t1.275.525m.35-6.875q-.275 0-.45-.175t-.175-.45V5.6q0-.25.175-.425T6.85 5h.45q.175 0 .313.088t.212.212L9.9 8.8l-.05-.95V5.625q0-.275.175-.45t.45-.175t.45.175t.175.45v4.8q0 .225-.162.388t-.388.162h-.425q-.15 0-.262-.075t-.188-.2l-2.25-3.75l.075.95v2.45q0 .275-.175.45t-.45.175M12.8 19q-1.05 0-1.675-.675t-.625-1.8v-2.9q0-.25.175-.425t.45-.175t.438.162t.162.438V16.6q0 .525.313.875t.762.35t.75-.35t.3-.875v-2.975q0-.25.175-.425t.45-.175t.438.162t.162.438v2.9q0 1.125-.625 1.8T12.8 19m5.475 0q-.275 0-.45-.175t-.175-.45V14.2h-1.025q-.25 0-.412-.175t-.163-.425t.163-.413t.412-.162h3.25q.25 0 .413.163t.162.412t-.162.425t-.413.175h-1v4.2q0 .25-.162.425t-.438.175"/></svg> </template>
CSS
.icon-check-in-out-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%22M6.525%2019Q5.25%2019%204.4%2018.15t-.85-2.125t.85-2.137t2.125-.863t2.125.85T9.5%2016t-.85%202.137T6.525%2019m-2.512-8.2q-.188-.175-.188-.45V5.625q0-.275.188-.45T4.475%205t.45.175t.175.45v4.725q0%20.275-.175.45t-.45.175t-.462-.175m2.512%207.05q.775%200%201.275-.525T8.3%2016t-.488-1.312t-1.287-.513q-.775%200-1.275.513T4.75%2016t.5%201.325t1.275.525m.35-6.875q-.275%200-.45-.175t-.175-.45V5.6q0-.25.175-.425T6.85%205h.45q.175%200%20.313.088t.212.212L9.9%208.8l-.05-.95V5.625q0-.275.175-.45t.45-.175t.45.175t.175.45v4.8q0%20.225-.162.388t-.388.162h-.425q-.15%200-.262-.075t-.188-.2l-2.25-3.75l.075.95v2.45q0%20.275-.175.45t-.45.175M12.8%2019q-1.05%200-1.675-.675t-.625-1.8v-2.9q0-.25.175-.425t.45-.175t.438.162t.162.438V16.6q0%20.525.313.875t.762.35t.75-.35t.3-.875v-2.975q0-.25.175-.425t.45-.175t.438.162t.162.438v2.9q0%201.125-.625%201.8T12.8%2019m5.475%200q-.275%200-.45-.175t-.175-.45V14.2h-1.025q-.25%200-.412-.175t-.163-.425t.163-.413t.412-.162h3.25q.25%200%20.413.163t.162.412t-.162.425t-.413.175h-1v4.2q0%20.25-.162.425t-.438.175%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%22M6.525%2019Q5.25%2019%204.4%2018.15t-.85-2.125t.85-2.137t2.125-.863t2.125.85T9.5%2016t-.85%202.137T6.525%2019m-2.512-8.2q-.188-.175-.188-.45V5.625q0-.275.188-.45T4.475%205t.45.175t.175.45v4.725q0%20.275-.175.45t-.45.175t-.462-.175m2.512%207.05q.775%200%201.275-.525T8.3%2016t-.488-1.312t-1.287-.513q-.775%200-1.275.513T4.75%2016t.5%201.325t1.275.525m.35-6.875q-.275%200-.45-.175t-.175-.45V5.6q0-.25.175-.425T6.85%205h.45q.175%200%20.313.088t.212.212L9.9%208.8l-.05-.95V5.625q0-.275.175-.45t.45-.175t.45.175t.175.45v4.8q0%20.225-.162.388t-.388.162h-.425q-.15%200-.262-.075t-.188-.2l-2.25-3.75l.075.95v2.45q0%20.275-.175.45t-.45.175M12.8%2019q-1.05%200-1.675-.675t-.625-1.8v-2.9q0-.25.175-.425t.45-.175t.438.162t.162.438V16.6q0%20.525.313.875t.762.35t.75-.35t.3-.875v-2.975q0-.25.175-.425t.45-.175t.438.162t.162.438v2.9q0%201.125-.625%201.8T12.8%2019m5.475%200q-.275%200-.45-.175t-.175-.45V14.2h-1.025q-.25%200-.412-.175t-.163-.425t.163-.413t.412-.162h3.25q.25%200%20.413.163t.162.412t-.162.425t-.413.175h-1v4.2q0%20.25-.162.425t-.438.175%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/check-in-out-rounded.svg?color=%231a73e8&size=48
