Tuesday, June 04, 2013

Gov Webicons - Your one shop, 41 Agency stop for US Government agencies icons (SVG/PNG)

open.NASA - Introducing Gov Webicons

...

After doing some research on SVG images on the web, I came across FC Webicons, a set of social media icons presented in SVG with PNG fallbacks for older browsers that don’t support SVG images. As that code is open source, I adopted it to present NASA’s logo in a futuristic, resolution independent way…but decided, hey, it was so much fun, why stop there?

I’m happy to introduce today Gov Webicons, a set of 41 federal agency icons that you can use on your website with just two lines of code. Creating a dashboard of agencies? Include them all. Want to just update your own agency’s icon? Take out just the code and images you need and have fun living in the future.

Gov Webicons is open source and hosted on GitHub. I’d love to include additional federal agencies and can do so as long as there is a publicly available SVG version of their graphic online. Any tips on improving Gov Webicons or ideas for more agencies to add? Drop me a line in the comments below, I’d love to hear your thoughts!

seanherron / Gov-Webicons

Gov Webicons Set is a set of resolution-independent social icons for use on your website. They use feature-detected SVG graphics (with PNG fallbacks) to display the icons over their appropriate negatively indented anchor titles.

If you have icon suggestions, either submit a pull request or open an issue with a link to the SVG file of the agency you wish to see included.

Enjoy Gov Webicons!

Based on FC Webicons by http://fairheadcreative.com. (Code is CC-Attrib; attrib to http://fairheadcreative.com)

Usage

  1. Include gov-webicons.css in your HTML
  2. Use the following code to include a federal agency icon:

...

Included Agencies

  • Air Force
  • Archives
  • Army
  • Centers for Disease Control and Prevention
  • Coast Guard
  • Congress
  • Department of Homeland Security
  • Department of Commerce
  • Department of Defense
  • Department of Energy
  • Department of Justice
  • Department of Transportation
  • Environmental Protection Agency
  • Food and Drug Administration
  • Federal Emergency Management Agency
  • Government Accountability Office
  • General Services Administration
  • Health and Human Services
  • Housing and Urban Development
  • Immigration and Customs Enforcement
  • Department of Interior
  • Department of Labor
  • Library of Congress
  • National Aeronautics And Space Administration
  • Navy
  • National Institute of Standards and Technology
  • National Oceanic and Atmospheric Administration
  • Office of Personnel Management
  • Office of Science and Technology Management
  • Peace Corps
  • Executive Office of the President
  • Patent and Trademark Office
  • Small Business Administration
  • Secret Service
  • State Department
  • U.S. Treasury
  • Seal of the United States
  • United States Agency for International Development
  • U.S. Department of Agriculture
  • Veterans Administration

..."

Come on, you know you've wanted a NASA, DEA, US Treasury, Secret Service, etc web icon on your site...

image

image

No comments: