diff --git a/public/assets/closed.gif b/public/assets/closed.gif
new file mode 100644
index 00000000..020ba52c
Binary files /dev/null and b/public/assets/closed.gif differ
diff --git a/src/components/styled/Catalog.styled.jsx b/src/components/styled/Catalog.styled.jsx
index 0c09d11f..d1b58403 100644
--- a/src/components/styled/Catalog.styled.jsx
+++ b/src/components/styled/Catalog.styled.jsx
@@ -58,6 +58,13 @@ export const Threads = styled.div`
     display: inline-block;
   }
 
+  .closed-icon {
+    background-image: url(assets/closed.gif);
+    width: 16px;
+    height: 16px;
+    display: inline-block;
+  }
+
   .meta {
     cursor: help;
     font-size: 11px;
diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 5b0db722..fc8960cf 100644
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -415,7 +415,7 @@ const Board = () => {
     }));
   }, [commentCid]);
 
-  
+
   useEffect(() => {
     if (publishCommentEditOptions && triggerPublishCommentEdit) {
       (async () => {
@@ -779,6 +779,20 @@ const Board = () => {
                                 ]
                               </span>
                             </span>&nbsp;
+                            {thread.pinned ? (
+                              <>
+                                &nbsp;
+                                <img src="assets/sticky.gif" alt="Sticky" title="Sticky"
+                                style={{marginBottom: "-3px"}} />
+                              </>
+                            ) : null}
+                            {thread.locked ? (
+                              <>
+                                &nbsp;
+                                <img src="assets/closed.gif" alt="Closed" title="Closed"
+                                style={{marginBottom: "-3px"}} />
+                              </>
+                            ) : null}
                             <PostMenu 
                               key={`pmb-${index}`} 
                               title="Post menu"
@@ -1185,6 +1199,16 @@ const Board = () => {
                               </span>
                               )&nbsp;
                             </span>
+                            <span key={`ti-mob-${index}`} className="thread-icons-mobile" style={{float: "right", marginRight: "18px"}}>
+                              {thread.pinned ? (
+                                <img src="assets/sticky.gif" alt="Sticky" title="Sticky"
+                                style={{marginBottom: "-3px", marginRight: "2px"}} />
+                              ) : null}
+                              {thread.locked ? (
+                                <img src="assets/closed.gif" alt="Closed" title="Closed"
+                                style={{marginBottom: "-3px", marginRight: "2px"}} />
+                              ) : null}
+                            </span>
                             <br key={`mob-br1-${index}`} />
                             {thread.title ? (
                               thread.title.length > 30 ?
diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx
index 84657a19..e8b1d805 100644
--- a/src/components/views/Catalog.jsx
+++ b/src/components/views/Catalog.jsx
@@ -515,9 +515,14 @@ const Catalog = () => {
                             ) : null}
                           </Fragment>
                         ) : null}
-                      {/* <div key={`ti-${index}`} className="thread-icons" >
-                        <span key={`si-${index}`} className="thread-icon sticky-icon" title="Sticky"></span>
-                      </div> */}
+                      <div key={`ti-${index}`} className="thread-icons" >
+                        {thread.pinned ? (
+                          <span key={`si-${index}`} className="thread-icon sticky-icon" title="Sticky" />
+                        ) : null}
+                        {thread.locked ? (
+                          <span key={`li-${index}`} className="thread-icon closed-icon" title="Closed" />
+                        ) : null}
+                      </div>
                       <div key={`meta-${index}`} className="meta" title="(R)eplies / (I)mage Replies" >
                         R:
                         <b key={`b-${index}`}>{thread.replyCount}</b>
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index 851196f5..d5a8b9c0 100644
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -736,7 +736,21 @@ const Thread = () => {
                           <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} onClick={() => {
                             setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);
                             }} title="Reply to this post">{comment.shortCid}</button>
-                        </span>&nbsp;&nbsp;
+                        </span>&nbsp;
+                        {comment.pinned ? (
+                          <>
+                            &nbsp;
+                            <img src="assets/sticky.gif" alt="Sticky" title="Sticky"
+                            style={{marginBottom: "-3px"}} />
+                          </>
+                        ) : null}
+                        {comment.locked ? (
+                          <>
+                            &nbsp;
+                            <img src="assets/closed.gif" alt="Closed" title="Closed"
+                            style={{marginBottom: "-3px"}} />
+                          </>
+                        ) : null}
                         <PostMenu 
                               key={`pmb-${index}`} 
                               title="Post menu"