Tumblr allows you to add different types of custom icons -- stickers, buttons and banners -- to your blog with HTML code. Although Tumblr doesn’t provide specific pride icon codes, many users create icons and share their codes for free. You can find a variety of static and animated icons for your blog that display your pride about a topic, such as a specific religion, philosophy, politics, sexual identity, ethnic heritage, city or country. When you find the right icon, add its code to your blog via Tumblr's theme editor.

Step 1

Contact the Tumblr blog owner who has a pride icon you like and ask if you can use his code. If you don’t have a specific icon in mind, type “#pride button” or "#pride banner" (without quotation marks) in the Tumblr Search field, and then press “Enter” to see user posts that contain free pride icon codes.

Step 2

Copy the pride icon code as instructed by the blog owner. Typically, you highlight the code, and then press “Ctrl-C.”

Step 3

Click the “Customize” button on your blog to access the theme editor, or go to your Dashboard, click the gear icon, select the blog’s name, and then click the “Edit Theme” button.

Step 4

Add the code to your blog’s theme by pasting it in the Description field or the Add Custom CSS field. To paste it in the Description field, click the field, and then press “Ctrl-V.” To paste it in the Add Custom CSS field, click “Advanced Options” to go to the Advanced screen, click the field, and then press “Ctrl-V.”

Step 5

Click the “Save” button, and then click the back arrow to return to the main theme editor screen. Click the “Exit” button to close the editor.