I tried using icons in my UI for the first time

I rarely ever use icons in my UI, so I tried today and I think it looks pretty nice!
https://cdn.discordapp.com/attachments/882304174056960011/902175662977187870/2021-10-25_13-43-28.mp4
ʸᵉˢ ᵗʰᵉ ᶜᵃˢʰ ᶦᶜᵒⁿ ᵍᵒᵉˢ ʳᵃᶦⁿᵇᵒʷ ʷʰᵉⁿ ᵘ ᵇᵘʸ ˢᵒᵐᵉᵗʰᶦⁿᵍ

The icons are from https://lucide.dev/.

3 Likes

Pretty nice design in my opinion.

2 Likes

How did you make the icons colors change? I tried but it didn’t work for me

1 Like

You must change the ImageColor property

1 Like

Ok thank you for the information.

Also I recommend using Material Symbols and Icons - Google Fonts icon library. But it depends on the game genre.

2 Likes

I use it as well, it has pretty much every icon you need

1 Like

This is the code I used to make it flash, the Purchased event is fired when a player purchases anything.

local Flashing = false
game.ReplicatedStorage.Events.Purchased.OnClientEvent:Connect(function()
	if Flashing then return end
	
	Flashing = true
	local cols = {
		Color3.fromRGB(255, 79, 79),
		Color3.fromRGB(247, 255, 89),
		Color3.fromRGB(99, 255, 104),
		Color3.fromRGB(102, 202, 255),
		Color3.fromRGB(166, 131, 255),
		Color3.fromRGB(255, 135, 213)
	}
	
	while task.wait(1) do
		game:GetService("TweenService"):Create(script.Parent.Background.Roya.Image, TweenInfo.new(
		1, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {
			ImageColor3 = cols[math.random(#cols)]
		}):Play()
	end
end)
1 Like

https://cdn.discordapp.com/attachments/882304174056960011/902302412285571143/2021-10-25_22-07-07.mp4
Improved a bit!