where did you find icons such as arch and flatpak?

[l4v3nx]

i'm going to write more quick scripts in sideleft and i wonder where you found these icons. i checked https://fonts.google.com/icons and i didn't find such icons as arch-symbolic and flatpak-symbolic. i tried to insert some icons from this website (vpn-key and vpn-key-off) and for some reason it showed the blank icon.

p.s. sorry for bad english))))

[end-4]

There are two different types of icons: [Material Symbols] and [normal icons (commonly for apps)]
For "normal icons", they're in your icon pack and in the .config/ags/assets/icons folder. svg files there are available for use with Widget.Icon()
For Material Symbols, you apply them by putting text and set the font to that icon font. For my dotfiles, just add the icon-material class to do this.

[l4v3nx]

you see, here

dots-hyprland/.config/ags/modules/sideleft/tools/quickscripts.js

Lines 70 to 72 in 66b3031

	Icon({
	className: 'sidebar-module-btn-icon txt-large',
	icon: script.icon,

is the scss class called sidebar-module-btn-icon, but i didn't find this class among all of your dots. I renamed it to sidebar-module-btn-arrow (i guess it's not much visually different). I tried changing class to icon-material, but it still shows svg icons and blank material icon. (there is also the MaterialIcon function, but i didn't find where and how to put it). Can you tell me what i am doing wrong?

[l4v3nx]

as for the script itself, it should be like this

    {
        icon: 'vpn_key',    // https://fonts.google.com/icons?selected=Material+Symbols+Outlined:vpn_key:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=vpn+key&icon.size=24&icon.color=%23e8eaed
        name: 'Turn on AmneziaWG tunnel',
        command: `sudo awg-quick up awg-nl`,
        enabled: isArchDistro,
    },

(btw it would be nice to set distroID to any distro and not only arch)

[end-4]

oh, the icon for those scripts use svgs, so you can't simply have a material icon name there

(btw it would be nice to set distroID to any distro and not only arch)

just, enabled: true

[l4v3nx]

so the easiest way to add these icons is to download svgs from https://fonts.google.com/icons ?

also what do you think about sidebar-module-btn-icon and sidebar-module-btn-arrow?