How can I make and extend a vertical line upwards in HTML/CSS?

Question

I want to create a vertical line that extends upwards instead of both down and up if that makes sense. I think I need a to create it, but after that, how do I customize it to extend up and not extend down?

Picture of line

This is what I have so far right now. I need it to extend up to the first icon, but not lower than the last icon. The line is kind of contained inside a container, and the first icon is part of the parent container which is a row in a MUIx datagrid row.

position: absolute;
width: 1px;
background-color: black;
z-index: 1;
left: calc(50px / 2);
top: 1px;
height: auto;
bottom: 33px;