diff --git a/react/src/components/ImageEnvironmentSelectFormItems.tsx b/react/src/components/ImageEnvironmentSelectFormItems.tsx
index 5261a8649f..b32f3ebc47 100644
--- a/react/src/components/ImageEnvironmentSelectFormItems.tsx
+++ b/react/src/components/ImageEnvironmentSelectFormItems.tsx
@@ -14,7 +14,16 @@ import {
   ImageEnvironmentSelectFormItemsQuery,
   ImageEnvironmentSelectFormItemsQuery$data,
 } from './__generated__/ImageEnvironmentSelectFormItemsQuery.graphql';
-import { Divider, Form, Input, RefSelectProps, Select, Tag, theme } from 'antd';
+import {
+  Divider,
+  Form,
+  Input,
+  RefSelectProps,
+  Select,
+  Tag,
+  theme,
+  Typography,
+} from 'antd';
 import graphql from 'babel-plugin-relay/macro';
 import _ from 'lodash';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
@@ -327,9 +336,18 @@ const ImageEnvironmentSelectFormItems: React.FC<
       <Form.Item
         className="image-environment-select-form-item"
         name={['environments', 'environment']}
-        label={`${t('session.launcher.Environments')} / ${t(
-          'session.launcher.Version',
-        )}`}
+        label={
+          <Typography.Text
+            copyable={{
+              text: getImageFullName(
+                form.getFieldValue(['environments', 'image']),
+              ),
+            }}
+          >
+            {t('session.launcher.Environments')} /
+            {t('session.launcher.Version')}
+          </Typography.Text>
+        }
         rules={[{ required: _.isEmpty(environments?.manual) }]}
         style={{ marginBottom: 10 }}
       >
diff --git a/react/src/components/ImageList.tsx b/react/src/components/ImageList.tsx
index 84f1261f3b..49512b942a 100644
--- a/react/src/components/ImageList.tsx
+++ b/react/src/components/ImageList.tsx
@@ -11,8 +11,10 @@ import {
   ImageListQuery,
   ImageListQuery$data,
 } from './__generated__/ImageListQuery.graphql';
+import CopyButton from './lablupTalkativotUI/CopyButton';
 import {
   AppstoreOutlined,
+  CopyOutlined,
   ReloadOutlined,
   SearchOutlined,
   SettingOutlined,
@@ -292,6 +294,14 @@ const ImageList: React.FC<{ style?: React.CSSProperties }> = ({ style }) => {
             e.stopPropagation();
           }}
         >
+          <CopyButton
+            type="text"
+            defaultIcon={<CopyOutlined />}
+            style={{ color: token.colorPrimary }}
+            copyable={{
+              text: getImageFullName(row) || '',
+            }}
+          ></CopyButton>
           <Button
             type="text"
             icon={
diff --git a/react/src/components/lablupTalkativotUI/CopyButton.tsx b/react/src/components/lablupTalkativotUI/CopyButton.tsx
index d16c6a1b19..49e5645a51 100644
--- a/react/src/components/lablupTalkativotUI/CopyButton.tsx
+++ b/react/src/components/lablupTalkativotUI/CopyButton.tsx
@@ -8,8 +8,13 @@ import { CopyToClipboard } from 'react-copy-to-clipboard';
 
 interface CopyButtonProps extends ButtonProps {
   copyable?: Omit<CopyConfig, 'text'> & { text: string };
+  defaultIcon?: React.ReactNode;
 }
-const CopyButton: React.FC<CopyButtonProps> = ({ copyable, ...props }) => {
+const CopyButton: React.FC<CopyButtonProps> = ({
+  copyable,
+  defaultIcon,
+  ...props
+}) => {
   const [isCopied, setIsCopied] = useState(false);
 
   const handleCopy = async () => {
@@ -31,7 +36,12 @@ const CopyButton: React.FC<CopyButtonProps> = ({ copyable, ...props }) => {
       open={isCopied ? true : undefined}
     >
       <CopyToClipboard text={copyable?.text || ''} onCopy={handleCopy}>
-        <Button icon={isCopied ? <CheckIcon /> : <CopyIcon />} {...props} />
+        <Button
+          icon={
+            isCopied ? <CheckIcon /> : defaultIcon ? defaultIcon : <CopyIcon />
+          }
+          {...props}
+        />
       </CopyToClipboard>
     </Tooltip>
   );