diff --git a/data/auto.png b/data/auto.png
new file mode 100644
index 000000000..8a0b059f6
Binary files /dev/null and b/data/auto.png differ
diff --git a/data/icons.gresource.xml b/data/icons.gresource.xml
index ab09d8a0d..2d573e5ba 100644
--- a/data/icons.gresource.xml
+++ b/data/icons.gresource.xml
@@ -9,6 +9,7 @@
     <file alias="64x64/apps/application-default-icon-symbolic.svg" compressed="true" preprocess="xml-stripblanks">application-default-icon/64-symbolic.svg</file>
     <file alias="appearance-default.svg" compressed="true" preprocess="xml-stripblanks">appearance-default.svg</file>
     <file alias="appearance-dark.svg" compressed="true" preprocess="xml-stripblanks">appearance-dark.svg</file>
+    <file alias="auto.png" compressed="true">auto.png</file>
     <file alias="plug.css" compressed="true">plug.css</file>
   </gresource>
 </gresources>
diff --git a/data/plug.css b/data/plug.css
index 93a91942a..81e86221a 100644
--- a/data/plug.css
+++ b/data/plug.css
@@ -1,5 +1,5 @@
 /*
-* Copyright (c) 2018 elementary LLC. (https://elementary.io)
+* Copyright 2018–2021 elementary, Inc. (https://elementary.io)
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public
@@ -80,3 +80,10 @@ radiobutton .card {
             alpha (@accent_color_500, 0.1)
         );
 }
+
+.color-button.auto radio {
+    background-image: url("auto.png");
+    background-position: -1px -1px;
+    background-repeat: no-repeat;
+    background-size: calc(100% + 2px);
+}