ORCID styling by rdrew.

css_overrides.css

@@ -45,3 +45,18 @@ span.citeproc-container-title {
     margin: 0.5%;
     padding: 0;
 }
+.paragraph--type--author-with-affiliation {
+	display: flex;
+}
+img.orcid_logo {
+	width: 22px;
+	margin-bottom: 9px;
+}
+
+.orcid-short-link {
+	margin-left: 12px;
+	font-weight: normal;
+	font-style: normal;
+	font-size: smaller;
+	line-height: 2;
+}

templates/field--paragraph--field-contributor-orcid--author-with-affiliation.html.twig

@@ -0,0 +1,32 @@
+{#
+/**
+ * @file
+ * Theme override for the ORCID field.
+ *
+ * This is an override of field.html.twig for the node title field. See that
+ * template for documentation about its details and overrides.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing span element.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see field.html.twig
+ */
+#}
+{%
+  set classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+  'orcid-short-link',
+  ]
+%}
+<a href="https://orcid.org/{{ items.0 }}" {{ attributes.addClass(classes) }}><img class="orcid_logo" alt="ORCID logo" src="https://info.orcid.org/wp-content/uploads/2019/11/orcid_16x16.png" width="16" height="16" />
+{#{{ items }}#}</a>