@@ -0,0 +1,13 @@
+---
+title: Removed double external link icons
+issue: NEXT-16529
+author: Maike Sestendrup
+author_email: m.sestendrup@shopware.com
+___
+# Administration
+* Deprecated Twig block `sw_gtc_checkbox_input_label_link_icon` in `sw-gtc-checkbox` component.
+* Deprecated CSS class `sw-gtc-checkbox__link`, use `sw-external-link` instead.
+* Deprecated Administration component `sw-dashboard-external-link`. Use `sw-external-link` instead.
+* Changed template of `sw-dashboard-external-link` component and used `sw-external-link` component instead of `a` tag.
+* Changed template of `sw-media-quickinfo` component and used `sw-external-link` component instead of `a` tag for the download link.
+* Added prop `rel` with the default `noopener` to `sw-external-link` component.
@@ -1,5 +1,4 @@
 import template from './sw-gtc-checkbox.html.twig';
-import './sw-gtc-checkbox.scss';
 
 Shopware.Component.register('sw-gtc-checkbox', {
     template,
 
@@ -9,24 +9,20 @@
             {% block sw_gtc_checkbox_input_label %}
             {{ $tc('global.sw-gtc-checkbox.label') }}
 
+            {# @deprecated tag:v6.5.0 - CSS class "sw-gtc-checkbox__link" is deprecated, use "sw-external-link" instead #}
             {% block sw_gtc_checkbox_input_label_link %}
-            <a
-                :href="$tc('global.sw-gtc-checkbox.url')"
+            <sw-external-link
                 class="sw-gtc-checkbox__link"
-                target="_blank"
+                :href="$tc('global.sw-gtc-checkbox.url')"
             >
-
                 {% block sw_gtc_checkbox_input_label_text %}
                 {{ $tc('global.sw-gtc-checkbox.link') }}
                 {% endblock %}
 
+                {# @deprecated tag:v6.5.0 - Block will be removed completely #}
                 {% block sw_gtc_checkbox_input_label_link_icon %}
-                <sw-icon
-                    class="sw-gtc-checkbox__icon"
-                    name="small-arrow-small-external"
-                />
                 {% endblock %}
-            </a>
+            </sw-external-link>
             {% endblock %}
             {% endblock %}
         </template>
 
@@ -31,6 +31,12 @@ Component.register('sw-external-link', {
             required: false,
             default: 'small-arrow-small-external',
         },
+
+        rel: {
+            type: String,
+            required: false,
+            default: 'noopener',
+        },
     },
 
     computed: {
 
@@ -2,6 +2,7 @@
     v-if="$attrs.hasOwnProperty('href')"
     v-bind="$attrs"
     target="_blank"
+    :rel="rel"
     class="sw-external-link"
     :class="classes"
 >
 
@@ -11,11 +11,11 @@
         color: $color-shopware-brand-600;
     }
 
-    .sw-external-link__icon {
+    &__icon {
         margin-left: 4px;
     }
 
-    &.sw-external-link--small {
+    &--small {
         font-size: $font-size-extra-small;
 
         .sw-external-link__icon {
 
@@ -3,7 +3,12 @@ import './sw-dashboard-external-link.scss';
 
 const { Component } = Shopware;
 
+/**
+ * @deprecated tag:v6.5.0 - Use sw-external-link instead
+ * @status deprecated
+ */
 Component.register('sw-dashboard-external-link', {
+    deprecated: '6.5.0',
     template,
     props: {
         title: {
 
@@ -1,15 +1,9 @@
 {% block sw_dashboard_external_link %}
-<a
+<sw-external-link
     class="sw-dashboard-external-link"
     :href="link"
-    target="_blank"
-    rel="noopener"
+    icon="default-arrow-simple-right"
 >
     {{ title }}
-    <sw-icon
-        name="default-arrow-simple-right"
-        small
-        color="#d1d9e0"
-    />
-</a>
+</sw-external-link>
 {% endblock %}
@@ -1,11 +1,11 @@
 @import "~scss/variables";
 
-.sw-dashboard-external-link {
+.sw-external-link.sw-dashboard-external-link {
     display: block;
     margin-bottom: 16px;
     color: $color-darkgray-200;
     text-decoration: none;
-    font-size: 18px;
+    font-size: $font-size-large;
 
     .sw-icon svg {
         color: $color-shopware-brand-500;
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`import template from './sw-gtc-checkbox.html.twig';`
`2`		`-import './sw-gtc-checkbox.scss';`
`3`	`2`
`4`	`3`	`Shopware.Component.register('sw-gtc-checkbox', {`
`5`	`4`	`template,`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@`
`2`	`2`	`v-if="$attrs.hasOwnProperty('href')"`
`3`	`3`	`v-bind="$attrs"`
`4`	`4`	`target="_blank"`
	`5`	`+ :rel="rel"`
`5`	`6`	`class="sw-external-link"`
`6`	`7`	`:class="classes"`
`7`	`8`	`>`
Original file line number	Diff line number	Diff line change
`@@ -11,11 +11,11 @@`
`11`	`11`	`color: $color-shopware-brand-600;`
`12`	`12`	`}`
`13`	`13`
`14`		`- .sw-external-link__icon {`
	`14`	`+ &__icon {`
`15`	`15`	`margin-left: 4px;`
`16`	`16`	`}`
`17`	`17`
`18`		`- &.sw-external-link--small {`
	`18`	`+ &--small {`
`19`	`19`	`font-size: $font-size-extra-small;`
`20`	`20`
`21`	`21`	`.sw-external-link__icon {`