diff --git a/models/activities/notification.go b/models/activities/notification.go
index 2ca1051ed3e..4537e8cd153 100644
--- a/models/activities/notification.go
+++ b/models/activities/notification.go
@@ -6,6 +6,7 @@ package activities
 import (
 	"context"
 	"fmt"
+	"html/template"
 	"net/url"
 	"strconv"
 
@@ -16,6 +17,7 @@ import (
 	"code.gitea.io/gitea/modules/git"
 	"code.gitea.io/gitea/modules/gitrepo"
 	"code.gitea.io/gitea/modules/setting"
+	"code.gitea.io/gitea/modules/svg"
 	"code.gitea.io/gitea/modules/timeutil"
 
 	"xorm.io/builder"
@@ -379,6 +381,22 @@ func (n *Notification) Link(ctx context.Context) string {
 	return ""
 }
 
+func (n *Notification) IconHTML(ctx context.Context) template.HTML {
+	switch n.Source {
+	case NotificationSourceIssue, NotificationSourcePullRequest:
+		// n.Issue should be loaded before calling this method
+		return n.Issue.IconHTML(ctx)
+	case NotificationSourceCommit:
+		return svg.RenderHTML("octicon-commit", 16, "text grey")
+	case NotificationSourceRepository:
+		return svg.RenderHTML("octicon-repo", 16, "text grey")
+	case NotificationSourceRelease:
+		return svg.RenderHTML("octicon-tag", 16, "text grey")
+	default:
+		return ""
+	}
+}
+
 // APIURL formats a URL-string to the notification
 func (n *Notification) APIURL() string {
 	return setting.AppURL + "api/v1/notifications/threads/" + strconv.FormatInt(n.ID, 10)
diff --git a/models/issues/issue.go b/models/issues/issue.go
index a86d50ca9da..bb6d17d334b 100644
--- a/models/issues/issue.go
+++ b/models/issues/issue.go
@@ -21,6 +21,7 @@ import (
 	"code.gitea.io/gitea/modules/optional"
 	"code.gitea.io/gitea/modules/setting"
 	api "code.gitea.io/gitea/modules/structs"
+	"code.gitea.io/gitea/modules/svg"
 	"code.gitea.io/gitea/modules/timeutil"
 	"code.gitea.io/gitea/modules/util"
 
@@ -442,6 +443,30 @@ func (issue *Issue) PatchURL() string {
 	return ""
 }
 
+/* the logic should be kept the same as getIssueIcon/getIssueColor in TS code */
+func (issue *Issue) IconHTML(ctx context.Context) template.HTML {
+	if issue.IsPull {
+		if issue.PullRequest == nil { // pull request should be loaded before calling this function
+			return template.HTML("No PullRequest")
+		}
+		if issue.IsClosed {
+			if issue.PullRequest.HasMerged {
+				return svg.RenderHTML("octicon-git-merge", 16, "text purple")
+			}
+			return svg.RenderHTML("octicon-git-pull-request-closed", 16, "text red")
+		}
+		if issue.PullRequest.IsWorkInProgress(ctx) {
+			return svg.RenderHTML("octicon-git-pull-request-draft", 16, "text grey")
+		}
+		return svg.RenderHTML("octicon-git-pull-request", 16, "text green")
+	}
+
+	if issue.IsClosed {
+		return svg.RenderHTML("octicon-issue-closed", 16, "text red")
+	}
+	return svg.RenderHTML("octicon-issue-opened", 16, "text green")
+}
+
 // State returns string representation of issue status.
 func (issue *Issue) State() api.StateType {
 	if issue.IsClosed {
diff --git a/services/markup/renderhelper_issueicontitle.go b/services/markup/renderhelper_issueicontitle.go
index 27b5595fa99..dd5049a4cf6 100644
--- a/services/markup/renderhelper_issueicontitle.go
+++ b/services/markup/renderhelper_issueicontitle.go
@@ -58,10 +58,6 @@ func renderRepoIssueIconTitle(ctx context.Context, opts markup.RenderIssueIconTi
 		}
 	}
 
-	htmlIcon, err := webCtx.RenderToHTML("shared/issueicon", issue)
-	if err != nil {
-		return "", err
-	}
-
-	return htmlutil.HTMLFormat(`<a href="%s">%s %s %s</a>`, opts.LinkHref, htmlIcon, issue.Title, textIssueIndex), nil
+	return htmlutil.HTMLFormat(`<a href="%s">%s %s %s</a>`, opts.LinkHref,
+		issue.IconHTML(ctx), issue.Title, textIssueIndex), nil
 }
diff --git a/templates/repo/diff/compare.tmpl b/templates/repo/diff/compare.tmpl
index 4e8ad1326c0..24cf537c055 100644
--- a/templates/repo/diff/compare.tmpl
+++ b/templates/repo/diff/compare.tmpl
@@ -187,7 +187,7 @@
 			{{end}}
 			{{if .HasPullRequest}}
 				<div class="ui segment flex-text-block tw-gap-4">
-					{{template "shared/issueicon" .}}
+					{{.IconHTML ctx}}
 					<div class="issue-title tw-break-anywhere">
 						{{ctx.RenderUtils.RenderIssueTitle .PullRequest.Issue.Title $.Repository}}
 						<span class="index">#{{.PullRequest.Issue.Index}}</span>
diff --git a/templates/repo/issue/card.tmpl b/templates/repo/issue/card.tmpl
index 9a8341dccaf..78625c0e882 100644
--- a/templates/repo/issue/card.tmpl
+++ b/templates/repo/issue/card.tmpl
@@ -12,7 +12,7 @@
 	<div class="content tw-w-full">
 		<div class="tw-flex tw-items-start tw-gap-[5px]">
 			<div class="issue-card-icon">
-				{{template "shared/issueicon" .}}
+				{{.IconHTML ctx}}
 			</div>
 			<a class="issue-card-title muted issue-title tw-break-anywhere" href="{{.Link}}">{{.Title | ctx.RenderUtils.RenderIssueSimpleTitle}}</a>
 			{{if and $.isPinnedIssueCard $.Page.IsRepoAdmin}}
diff --git a/templates/shared/issueicon.tmpl b/templates/shared/issueicon.tmpl
deleted file mode 100644
index bb6247c7088..00000000000
--- a/templates/shared/issueicon.tmpl
+++ /dev/null
@@ -1,26 +0,0 @@
-{{/* the logic should be kept the same as getIssueIcon/getIssueColor in JS code */}}
-{{- if .IsPull -}}
-	{{- if not .PullRequest -}}
-		No PullRequest
-	{{- else -}}
-		{{- if .IsClosed -}}
-			{{- if .PullRequest.HasMerged -}}
-				{{- svg "octicon-git-merge" 16 "text purple" -}}
-			{{- else -}}
-				{{- svg "octicon-git-pull-request-closed" 16 "text red" -}}
-			{{- end -}}
-		{{- else -}}
-			{{- if .PullRequest.IsWorkInProgress ctx -}}
-				{{- svg "octicon-git-pull-request-draft" 16 "text grey" -}}
-			{{- else -}}
-				{{- svg "octicon-git-pull-request" 16 "text green" -}}
-			{{- end -}}
-		{{- end -}}
-	{{- end -}}
-{{- else -}}
-	{{- if .IsClosed -}}
-		{{- svg "octicon-issue-closed" 16 "text red" -}}
-	{{- else -}}
-		{{- svg "octicon-issue-opened" 16 "text green" -}}
-	{{- end -}}
-{{- end -}}
diff --git a/templates/shared/issuelist.tmpl b/templates/shared/issuelist.tmpl
index 30670c3b0fc..92d98d8d849 100644
--- a/templates/shared/issuelist.tmpl
+++ b/templates/shared/issuelist.tmpl
@@ -7,7 +7,7 @@
 				{{if $.CanWriteIssuesOrPulls}}
 				<input type="checkbox" autocomplete="off" class="issue-checkbox tw-mr-4" data-issue-id={{.ID}} aria-label="{{ctx.Locale.Tr "repo.issues.action_check"}} &quot;{{.Title}}&quot;">
 				{{end}}
-				{{template "shared/issueicon" .}}
+				{{.IconHTML ctx}}
 			</div>
 
 			<div class="flex-item-main">
diff --git a/templates/user/notification/notification_div.tmpl b/templates/user/notification/notification_div.tmpl
index eb24288a4b8..5b4650cc11d 100644
--- a/templates/user/notification/notification_div.tmpl
+++ b/templates/user/notification/notification_div.tmpl
@@ -37,15 +37,7 @@
 					{{range $notification := .Notifications}}
 						<div class="notifications-item tw-flex tw-items-center tw-flex-wrap tw-gap-2 tw-p-2" id="notification_{{.ID}}" data-status="{{.Status}}">
 							<div class="notifications-icon tw-ml-2 tw-mr-1 tw-self-start tw-mt-1">
-								{{if .Issue}}
-									{{template "shared/issueicon" .Issue}}
-								{{else if .Release}}
-									{{svg "octicon-tag" 16 "text grey"}}
-								{{else if .Commit}}
-									{{svg "octicon-git-commit" 16 "text grey"}}
-								{{else}}
-									{{svg "octicon-repo" 16 "text grey"}}
-								{{end}}
+								{{.IconHTML ctx}}
 							</div>
 							<a class="notifications-link tw-flex tw-flex-1 tw-flex-col silenced" href="{{.Link ctx}}">
 								<div class="notifications-top-row tw-text-13 tw-break-anywhere">
diff --git a/web_src/js/features/issue.ts b/web_src/js/features/issue.ts
index 911cf713d90..9f3d2071c7b 100644
--- a/web_src/js/features/issue.ts
+++ b/web_src/js/features/issue.ts
@@ -1,6 +1,6 @@
 import type {Issue} from '../types.ts';
 
-// the getIssueIcon/getIssueColor logic should be kept the same as "templates/shared/issueicon.tmpl"
+// the getIssueIcon/getIssueColor logic should be kept the same as "models/activities/issue.IconHTML"
 
 export function getIssueIcon(issue: Issue) {
   if (issue.pull_request) {