From 632df88228ab5981e97b08f417d1b773b1b0cc9d Mon Sep 17 00:00:00 2001
From: KVOJJJin <jzongcode@gmail.com>
Date: Thu, 11 Jun 2026 15:01:46 +0800
Subject: [PATCH] fix(web): correct icon of tag (#37326)

---
 .../workflow/block-selector/snippets/snippet-tags-filter.tsx  | 3 +--
 web/features/tag-management/components/tag-filter.tsx         | 3 +--
 web/features/tag-management/components/tag-search-content.tsx | 4 ++--
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/web/app/components/workflow/block-selector/snippets/snippet-tags-filter.tsx b/web/app/components/workflow/block-selector/snippets/snippet-tags-filter.tsx
index cab12e218c9..8ee15df1dce 100644
--- a/web/app/components/workflow/block-selector/snippets/snippet-tags-filter.tsx
+++ b/web/app/components/workflow/block-selector/snippets/snippet-tags-filter.tsx
@@ -10,7 +10,6 @@ import {
 import { useQuery } from '@tanstack/react-query'
 import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Tag01Icon from '@/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01'
 import { consoleQuery } from '@/service/client'
 
 type SnippetTagsFilterProps = {
@@ -74,7 +73,7 @@ const SnippetTagsFilter = ({
               value.length > 0 && 'text-text-secondary',
             )}
           >
-            <Tag01Icon className="size-4" aria-hidden="true" />
+            <span className="i-custom-vender-line-financeAndECommerce-tag-01 size-4 text-text-tertiary" aria-hidden="true" />
             {value.length > 0 && (
               <span className="ml-1 system-xs-medium text-text-secondary">
                 {value.length}
diff --git a/web/features/tag-management/components/tag-filter.tsx b/web/features/tag-management/components/tag-filter.tsx
index cbcb8e8550d..065c3b59caf 100644
--- a/web/features/tag-management/components/tag-filter.tsx
+++ b/web/features/tag-management/components/tag-filter.tsx
@@ -5,7 +5,6 @@ import { Combobox, ComboboxContent, ComboboxTrigger } from '@langgenius/dify-ui/
 import { useQuery } from '@tanstack/react-query'
 import { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Tag01Icon from '@/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01'
 import XCircleIcon from '@/app/components/base/icons/src/vender/solid/general/XCircle'
 import { consoleQuery } from '@/service/client'
 import { TagSearchContent } from './tag-search-content'
@@ -80,7 +79,7 @@ export const TagFilter = ({
         >
           <span className="flex w-full min-w-0 items-center gap-1">
             <span className="p-px">
-              <Tag01Icon className="size-3.5 text-text-tertiary" aria-hidden="true" />
+              <span className="i-custom-vender-line-financeAndECommerce-tag-01 size-3.5 text-text-tertiary" aria-hidden="true" />
             </span>
             <span className="min-w-0 grow truncate text-[13px] leading-4.5 text-text-tertiary">
               {!value.length && t('tag.placeholder', { ns: 'common' })}
diff --git a/web/features/tag-management/components/tag-search-content.tsx b/web/features/tag-management/components/tag-search-content.tsx
index 452be0efa34..512e599409d 100644
--- a/web/features/tag-management/components/tag-search-content.tsx
+++ b/web/features/tag-management/components/tag-search-content.tsx
@@ -80,7 +80,7 @@ export const TagSearchContent = ({
       </ComboboxList>
       <ComboboxEmpty className="p-1">
         <div className="flex flex-col items-center gap-y-1 p-3">
-          <span aria-hidden="true" className="i-ri-price-tag-3-line size-6 text-text-quaternary" />
+          <span className="i-custom-vender-line-financeAndECommerce-tag-01 size-6 text-text-quaternary" aria-hidden="true" />
           <div className="system-xs-regular text-text-tertiary">{t('tag.noTag', { ns: 'common' })}</div>
         </div>
       </ComboboxEmpty>
@@ -94,7 +94,7 @@ export const TagSearchContent = ({
             onClose?.()
           }}
         >
-          <span aria-hidden="true" className="i-ri-price-tag-3-line size-4 text-text-tertiary" />
+          <span className="i-custom-vender-line-financeAndECommerce-tag-01 size-4 text-text-tertiary" aria-hidden="true" />
           <span className="min-w-0 grow truncate px-1 system-md-regular text-text-secondary">
             {t('tag.manageTags', { ns: 'common' })}
           </span>