chromium/chrome/browser/resources/settings/settings_menu/settings_menu.html

    <style include="cr-hidden-style cr-icons cr-nav-menu-item-style">
      :host {
        box-sizing: border-box;
        display: block;
        padding-bottom: 5px; /* Prevents focus outlines from being cropped. */
        padding-top: 8px;
      }

      :host * {
        -webkit-tap-highlight-color: transparent;
      }

      #menu {
        color: var(--google-grey-700);
        display: flex;
        flex-direction: column;
        min-width: fit-content;
      }

      #extensionsLink > .cr-icon {
        height: var(--cr-icon-size);
        margin-inline-end: 14px;  /* 16px - 2px from margin for outline. */
        width: var(--cr-icon-size);
      }

      .menu-separator {
        /* Per bettes@, this is different from the other separator lines. */
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        margin-bottom: 8px;
        margin-top: 8px;
      }

      @media (prefers-color-scheme: dark) {
        #menu {
          color: var(--cr-primary-text-color);
        }

        .menu-separator {
          border-bottom: var(--cr-separator-line);  /* override */
        }
      }
    </style>

    <div role="navigation">
      <cr-menu-selector id="menu" selectable="a:not(#extensionsLink)"
          attr-for-selected="href" on-iron-activate="onSelectorActivate_"
          on-click="onLinkClick_" selected-attribute="selected">
        <a role="menuitem"
            id="people" href="/people" hidden="[[!pageVisibility.people]]"
            class="cr-nav-menu-item">
<if expr="not _google_chrome">
          <iron-icon icon="settings:person"></iron-icon>
</if>
<if expr="_google_chrome">
          <iron-icon icon="settings-internal:google-g"></iron-icon>
</if>
          $i18n{peoplePageTitle}
          <cr-ripple></cr-ripple>
        </a>
        <a role="menuitem" id="autofill" href="/autofill"
            hidden="[[!pageVisibility.autofill]]"
            class="cr-nav-menu-item">
          <iron-icon icon="settings:assignment"></iron-icon>
          $i18n{autofillPageTitle}
          <cr-ripple></cr-ripple>
        </a>
        <a role="menuitem" href="/privacy"
            hidden="[[!pageVisibility.privacy]]"
            class="cr-nav-menu-item">
          <iron-icon icon="settings:security"></iron-icon>
          $i18n{privacyPageTitle}
          <cr-ripple></cr-ripple>
        </a>
        <a role="menuitem" id="performance" href="/performance"
            class="cr-nav-menu-item"
            hidden="[[!pageVisibility.performance]]">
          <iron-icon icon="settings:navigation-performance"></iron-icon>
          $i18n{performancePageTitle}
          <cr-ripple></cr-ripple>
        </a>
        <a role="menuitem" href="/ai"
            hidden="[[!showExperimentalMenuItem_(
                showAdvancedFeaturesMainControl_, pageVisibility.ai)]]"
            class="cr-nav-menu-item">
          <iron-icon icon="settings20:ai"></iron-icon>
          $i18n{aiPageTitle}
          <cr-ripple></cr-ripple>
        </a>
        <a role="menuitem" id="appearance" href="/appearance"
            hidden="[[!pageVisibility.appearance]]"
            class="cr-nav-menu-item">
          <iron-icon icon="settings:palette"></iron-icon>
          $i18n{appearancePageTitle}
          <cr-ripple></cr-ripple>
        </a>
        <a role="menuitem" href="/search" class="cr-nav-menu-item">
          <iron-icon icon="settings:search"></iron-icon>
          $i18n{searchPageTitle}
          <cr-ripple></cr-ripple>
        </a>
  <if expr="not is_chromeos">
        <a role="menuitem" id="defaultBrowser" class="cr-nav-menu-item"
          href="/defaultBrowser"
          hidden="[[!pageVisibility.defaultBrowser]]">
          <iron-icon icon="settings:web"></iron-icon>
          $i18n{defaultBrowser}
          <cr-ripple></cr-ripple>
        </a>
  </if>
        <a role="menuitem" id="onStartup" href="/onStartup"
            class="cr-nav-menu-item"
            hidden="[[!pageVisibility.onStartup]]">
          <iron-icon icon="settings:power-settings"></iron-icon>
          $i18n{onStartup}
          <cr-ripple></cr-ripple>
        </a>
        <div class="menu-separator"></div>
        <a role="menuitem" id="languages" href="/languages"
            class="cr-nav-menu-item"
            hidden="[[!pageVisibility.languages]]">
          <iron-icon icon="settings:navigation-language"></iron-icon>
          $i18n{languagesPageTitle}
          <cr-ripple></cr-ripple>
        </a>
        <a role="menuitem" id="downloads" href="/downloads"
            class="cr-nav-menu-item"
            hidden="[[!pageVisibility.downloads]]">
          <iron-icon icon="settings:download"></iron-icon>
          $i18n{downloadsPageTitle}
          <cr-ripple></cr-ripple>
        </a>
        <a role="menuitem" id="accessibility" href="/accessibility"
            class="cr-nav-menu-item"
            hidden="[[!pageVisibility.a11y]]">
          <iron-icon icon="settings:accessibility"></iron-icon>
          $i18n{a11yPageTitle}
          <cr-ripple></cr-ripple>
        </a>
  <if expr="not chromeos_ash">
        <a role="menuitem" id="system" href="/system" class="cr-nav-menu-item"
            hidden="[[!pageVisibility.system]]">
          <iron-icon icon="settings:system"></iron-icon>
          $i18n{systemPageTitle}
          <cr-ripple></cr-ripple>
        </a>
  </if>
        <a role="menuitem" id="reset" href="/reset"
            hidden="[[!pageVisibility.reset]]" class="cr-nav-menu-item">
          <iron-icon icon="settings:restore"></iron-icon>
          $i18n{resetPageTitle}
          <cr-ripple></cr-ripple>
        </a>
        <div hidden="[[!pageVisibility.advancedSettings]]"
            class="menu-separator"></div>
        <a role="menuitem" id="extensionsLink" class="cr-nav-menu-item"
            href="chrome://extensions" target="_blank"
            hidden="[[!pageVisibility.extensions]]"
            on-click="onExtensionsLinkClick_"
            title="$i18n{extensionsLinkTooltip}">
          <iron-icon icon="settings:extension"></iron-icon>
          <span>$i18n{extensionsPageTitle}</span>
          <div class="cr-icon icon-external"></div>
          <cr-ripple></cr-ripple>
        </a>
        <a role="menuitem" id="about-menu" href="/help"
            class="cr-nav-menu-item">
          <iron-icon icon="cr:chrome-product"></iron-icon>
          $i18n{aboutPageTitle}
          <cr-ripple></cr-ripple>
        </a>
      </cr-menu-selector>
    </div>