How to Change the Peloton Icon Color

Brush Stroke champagne and coffe stains Learn More

Peloton recently updated the app to allow users to customer their Peloton icon! This changes the color the icon shows up on your home screen.

[{"selector":"#anim-c0717b17-6fcb-4771-bc4f-65a8d0b6f952","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Brush Stroke Learn more

Tis means no more confusing the Peloton app for other apps like Pinterest!

[{"selector":"#anim-773e361f-a98c-4c59-9ea2-dca31e3bc642","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-31eacaa7-5067-421a-9e53-366ba3ea0f85","keyframes":{"transform":["translate3d(0px, -99.59318%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Brush Stroke Learn More

Peloton currently allows you to change it to a few different colors, but more colors might come out soon

[{"selector":"#anim-1733ffbf-62cc-4300-ab80-fae6329f1416","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b8b117e3-ec33-4d68-bc66-ec4fff436627","keyframes":{"transform":["rotate(105deg) translate3d(0px, 134.36168%, 0) rotate(-105deg)","rotate(105deg) translate3d(0px, 0px, 0) rotate(-105deg)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Brush Stroke Learn More

To change the icon color, make sure your app is updated to the most recent version

[{"selector":"#anim-9570113d-5431-4c74-9c89-173e983fecfa","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c238220c-e008-484c-b9b3-623c30e0a824","keyframes":{"transform":["translate3d(0px, 16.98018%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Brush Stroke Learn More

Hold Down Icon

[{"selector":"#anim-dcf4635c-c7f9-4e7b-b55e-1e57da58aa5f","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-22c97be5-00a8-4269-bef3-2803d1abf934","keyframes":{"transform":["translate3d(0px, -20.59193%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Brush Stroke Learn More

A drop down will appear. Click on "Change Icon Color" in the dropdown.

[{"selector":"#anim-3006446f-c9f3-43b6-903e-edd049aa51be","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-930264c5-b606-40a5-a02f-7da85b0c454f","keyframes":{"transform":["translate3d(0px, 16.98018%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Brush Stroke Learn More

A screen will pop up to show the colors you can select. Click on the one you'd like

[{"selector":"#anim-70af029f-6553-4524-9bd6-f1b2881a7b54","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Brush Stroke Learn More

Click Below to Read More

[{"selector":"#anim-e0097d75-1554-415b-a216-c560db4eec77","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c5782bb0-b218-4d8c-94b7-e18e887cffa8","keyframes":{"transform":["rotate(30deg) translate3d(0px, -51.51744%, 0) rotate(-30deg)","rotate(30deg) translate3d(0px, 0px, 0) rotate(-30deg)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ee3a7126-6405-4568-ad45-fb51e0387393","keyframes":[{"offset":0,"transform":"translate3d(0, -358.59796%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -100.837746352%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -34.281964976000005%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -12.873666764000001%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -5.594128176%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":1600,"fill":"both"}] Brush Stroke Learn More

Tunde Arm Challenge

[{"selector":"#anim-4bd9f8d0-c9cd-4ef4-9124-771cc86327da","keyframes":{"opacity":[0,1]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-02aaf146-2a11-44c4-aedc-d15367a75cb2","keyframes":{"transform":["rotate(30deg) translate3d(0px, -59.19237%, 0) rotate(-30deg)","rotate(30deg) translate3d(0px, 0px, 0) rotate(-30deg)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-af449ad1-34f0-46ff-ad91-a35838fa466d","keyframes":{"transform":["translate3d(108.63636%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a59f9299-fe1c-4215-8b5a-18a491b8b638","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e2b05108-9810-4dc9-8758-d08822ece5aa","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-dc189511-7f4b-4d96-a8b8-601cefa1f08f","keyframes":{"transform":["translate3d(-223.31288%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-86d977dc-9976-401d-b6c3-a94f0c7e7118","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-83283118-2a51-40fc-b279-476226436b1f","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-623dd121-7103-465a-8867-368f838cb201","keyframes":{"transform":["translate3d(311.81818%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ca474b56-71fb-4edd-9053-cbcf8e52c391","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2f85c748-d9cd-4f6a-9cca-7ca0d5a098fa","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-781c2d67-ff41-4ed4-92bb-e51ccfb68df3","keyframes":{"transform":["translate3d(-162.72726%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d09bddf3-4b4a-462c-9455-e293d1ab6751","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-06c8043f-dbe2-456b-97c2-ddc1047cdb48","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-61aac5d0-d80f-4206-b62b-dc7adfc4d4c9","keyframes":[{"offset":0,"transform":"translate3d(0, -358.59796%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -100.837746352%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -34.281964976000005%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -12.873666764000001%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -5.594128176%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":1600,"fill":"both"}] Brush Stroke

How to Change the Peloton Icon Color

Peloton recently updated the app to allow users to customer their Peloton icon! This changes the color the icon shows up on your home screen.

Tis means no more confusing the Peloton app for other apps like Pinterest!

Peloton currently allows you to change it to a few different colors, but more colors might come out soon

To change the icon color, make sure your app is updated to the most recent version

How to Change Icon Color

Hold Down Icon

To edit the icon color, press and hold down on the current Peloton app

A drop down will appear. Click on "Change Icon Color" in the dropdown.

After a few seconds

A screen will pop up to show the colors you can select. Click on the one you'd like

Select Color

Click Below to Read More

Tunde Arm Challenge

How to Train for a Marathon with Peloton

More Great Articles