drodpown: Do not use fa-ban icon for disabled option.

web/shared/icons/deactivated-circle.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+     d="m 2.3431459,2.3431458 a 7.9999996,7.9999996 0 0 0 0,11.3137082 7.9999996,7.9999996 0 0 0 11.3137081,0 7.9999996,7.9999996 0 0 0 0,-11.3137082 7.9999996,7.9999996 0 0 0 -11.3137081,0 z M 3.6287946,3.6287945 A 6.1818179,6.1818179 0 0 1 11.529507,2.9277144 L 2.9337411,11.52348 A 6.1818179,6.1818179 0 0 1 3.6287946,3.6287945 Z M 4.4765193,13.066259 13.066259,4.4765192 a 6.1818179,6.1818179 0 0 1 -0.695054,7.8946858 6.1818179,6.1818179 0 0 1 -7.8946857,0.695054 z"/>
+</svg>

web/styles/app_components.css

@@ -1163,8 +1163,6 @@ div.overlay .flex.overlay-content > .overlay-container,
 
     .setting-disabled-option-icon {
         align-self: center;
-        /* Values set to match text alignment in stream dropdown. */
-        padding-right: 5px;
     }
 }
 

web/styles/zulip.css

@@ -2241,7 +2241,8 @@ body:not(.spectator-view) {
            vertically centered properly. */
         line-height: 1.214;
 
-        .channel-privacy-type-icon {
+        .channel-privacy-type-icon,
+        .zulip-icon-deactivated-circle {
             grid-area: privacy-icon;
             line-height: 1.214;
             font-size: 0.93em;

web/templates/dropdown_list.hbs

@@ -31,7 +31,7 @@
                 <i class="zulip-icon zulip-icon-users channel-privacy-type-icon"></i> <span class="decorated-dm-name">{{name}}</span>
             {{else if is_setting_disabled}}
                 {{#if show_disabled_icon}}
-                    <i class="setting-disabled-option-icon fa fa-ban" aria-hidden="true"></i>
+                    <i class="setting-disabled-option-icon zulip-icon zulip-icon-deactivated-circle" aria-hidden="true"></i>
                 {{/if}}
                 {{#if show_disabled_option_name}}
                     <span class="setting-disabled-option-text dropdown-list-text-neutral">{{name}}</span>