Showing posts with label SVG. Show all posts
Showing posts with label SVG. Show all posts

Wednesday, February 04, 2015

Six Free Modern... I mean Metro... um... Material Design Icon packs

Super Dev Resources - 6 Free Material Design Icon packs

Material Design, Google’s visual language, emphasizes on use of animations, shadows, bold colors and typography to allow users to easily comprehend the interface and provide them a delightful experience. Many of you would have seen material design principles in action in revamped Android apps from Google like Gmail and Chrome browser.

In case you are planning to embrace material design language in your own Android app interface, web app or website design, this post brings free Material Design icon packs for you. As an app developer and designer, we recommend you read Google’s design specifications which provides in-depth guidelines for designing system icons (or UI icons) as well as product icons (or your app icons).

In this post, we round up free material design user interface icon sets, towards the end you will find material design icon font resource and Sketch template as well. You may also want to check out our earlier post where we covered Material Design Web UI frameworks and Bootstrap themes for your web development needs.



Material, Modern, Metro... whatever... These look like they would be useful in our Microsoft world, don't they? Funny how...

Monday, February 02, 2015

After cooking for a few years, Inkscape v0.91 is now available!

Inkscape - Inkscape Version 0.91 is Released!

The Inkscape community proudly announces the release of Inkscape 0.91.

Inkscape is a drawing and painting tool similar to Illustrator, CorelDraw, and Xara X, but with features, new tools, and interface style of its own. It emphasizes the W3C standard Scalable Vector Graphics (SVG) file format, but reads and writes a wealth of other formats including PDF, so it is an easy complement to your other graphics and desktop tools. Best of all, Inkscape is created *by* the community *for* the community: Inkscape is 100% Open Source and freely available to everyone in the world.


This release marks the culmination of a multi-year effort to switch to a new internal graphics rendering engine, Cairo. This brings performance enhancements and more accurate rendering of drawings. Thanks go especially to Google for sponsoring much of this work.

A new Trace Pixel Art feature enables creation of vector art from bitmaps, sprites, and icons. A new Symbols Library provides reusable graphics elements - you can even read in Visio symbol libraries. New Snapping options and improved Snap preferences make it easier to quickly place items in the alignments you need. The tools for arranging objects offer several new ways to position the elements of a drawing. Tons of other little improvements have been made across all the other tools as well.

Several new file formats are supported, including FXG, SIF and HTML5 export; and VSD and CDR import. EMF/WMF are now readable and writable for all platforms. And XCF, PDF, EPS, and PS+LaTeX support are improved.

Inkscape has a rich Extension ecosystem, which is well known for bringing clever, cool, and innovative new ideas. Over a dozen new extensions are added in this release, including an Isometric Grid Generator, a Bitmap Cropper, a Text Extractor and a Text Merger, an HSL Adjuster, a Font Replacer, a Voronoï Diagram Creator, and more.

The above barely scratches the surface of all the new stuff included in this release. For the full story, including examples and screenshots, please see our detailed Release Notes:


Inkscape - About

What is Inkscape?

Inkscape is professional quality vector graphics software which runs on Windows, Mac OS X and Linux. It is used by design professionals and hobbyists worldwide, for creating a wide variety of graphics such as illustrations, icons, logos, diagrams, maps and web graphics. Inkscape uses the W3C open standard SVG (Scalable Vector Graphics) as its native format, and is free and open-source software.

Inkscape has sophisticated drawing tools with capabilities comparable to Adobe Illustrator, CorelDRAW and Xara Xtreme. It can import and export various file formats, including SVG, AI, EPS, PDF, PS and PNG. It has a comprehensive feature set, a simple interface, multi-lingual support and is designed to be extensible; users can customize Inkscape's functionality with add-ons.

The Inkscape project has a growing international user community, and many learning materials exist to help get you started with your creations. Help and support is provided by the community, and there are lots of ways for you to get involved if you want to help improve the Inkscape project.


If you are doing vector graphics then you probably already know and love Inkscape. If you don't, then this might be new to you (well not to YOU, but... um... your peers... yeah). In short, it is a MUST have drawing tool. Oh yeah, it's free AND open source too!

And for formats, don't forget that XAML in/out is supported too... :)


Related Past Post XRef:
Inkscape 0.46 Released

"Graphically Challenged?" Want to see how even you can create your own game character in Inkscape?
How to make dirt [clipart]
Open Clip Art Library
Looking for XAML Clip Art? Then make sure you look for SVG files as well...

Thursday, February 06, 2014

Creative Commons UI Design Pattern Library from Yahoo, (aka Yahoo Design Stencil Kit version 1.0) in Visio, PDF, PNG and more formats

Yahoo Design Pattern Library

Download a Stencil Kit

Yahoo Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the following topics:

  • Ad Units
  • Calendars
  • Carousels
  • Charts and Tables
  • UI Controls
  • Form Element
  • Grids
  • Menus and Buttons
  • Mobile - General
  • Mobile - iPhone
  • Navigation and Pagination
  • OS Element
  • Placeholder Text
  • Screen Resolutions
  • Tabs
  • Windows and Containers



While not very Microsoft'y, this looks like a great UI design resource.

(via Chris Hopkins' Blog - UI Design Shapes)

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 (Code is CC-Attrib; attrib to


  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...



Monday, October 08, 2012

The web dev world joins hands and helps produce Web Platform Docs (Think "central repository for Web developer documentation")

IEBlog - Web Platform Docs Debuts with Developer Resources

"Today, we are taking another step forward in helping developers achieve the goal of interoperability through same markup. We’re happy to be part of creating Web Platform Docs (WPD), a new W3C hosted community resource for developers and designers who use open Web standards. For developers the Web is about building great experiences with the potential to reach millions of people around the world by writing interoperable sites and applications. We’ve talked many times about the promise of interoperability through the same standards-based markup yielding the same results.

The W3C, Adobe, Apple, Facebook, Google, HP, Microsoft, Mozilla, Nokia and Opera have teamed up to create and seed this new community-driven site whose aim is to become a central repository for Web developer documentation.

  • Clear reference docs that are accurate, complete, and indicate adoption rate.
  • Thoughtful tutorials for existing and new technologies.
  • A sample library that takes into account real-world scenarios.
  • The ability to see—at a glance—which technologies are on a standard track and the stability and implementation status of features


Web Platform - Welcome to Web Platform Docs

Web Platform Docs is a new community-driven site that aims to become a comprehensive and authoritative source for web developer documentation. Even though Web Platform Docs is still in alpha, you can already find lots of valuable content on the site, including information on:

  • How to use features of the open web, with syntax and examples
  • What platforms and devices you can use various technologies on
  • What is the current standardization, stability and implementation status of each technology specification

In the future, Web Platform Docs will include even more content for you to explore such as live code examples, resources for educators and much more. To get there faster, we’d like to invite you to also contribute your knowledge. We hope you will join us!



[Insert Ghostbusters quote here, "Dogs and cats living together..."]

Interesting and cool that so many vendors are behind this. I'd love to see this take off and fulfill it's rather lofty goal. If you're a web dev and wish there was someway you could be part of the community, helping in the building of what looks like a cool repository, here's your chance!

Monday, November 07, 2011

SVG is to Windows Phones Icons as... A SVG Windows Phone Icon Generator

Windows Phone SVG Icon Generator

"Generate Windows Phone icons for the phone and the Windows Phone Marketplace!

  1. Add Scalable Vector Graphics (SVG) markup to the textbox above
  2. Click the generate icons button
  3. Take a screenshot and use your favorite photo editing software for splitting and cropping

The generator requires that you use a 100 by 100 coordinate system that has the origin point 0,0.

Works in latest Firefox, latest Google Chrome, Internet Explorer 9+, Opera 12+ and latest Safari. Opera 12 is currently in alpha.



There's something appealing about the simplicity yet usefulness of this site. Paste in some SVG, click on the button and get a bunch of WP7 Icons. Plus it's just kind of fun playing with the SVG... :)

(via reddit/wp7dev - Windows Phone SVG Icon Generator)

Friday, September 30, 2011

"Microsoft Expression Design September 2011 Preview" adds EPS Import and SVG out...

Microsoft Downloads - Expression Design September 2011 Preview

"Microsoft Expression Design September 2011 Preview provides new features, bug fixes, and stability enhancements for Expression Design 4.

Version: 8.0.20925.0
Date Published: 9/27/2011

Language: English

File Name: Design_Trial_en.exe, 47.0 MB

Microsoft Expression Design September 2011 Preview includes four new features that further expand and refine your workflow:

  • Import EPS files
  • Make multiple selection in the Layers palette
  • Retain the adjusted position of an object’s registration point.
  • Export documents to the SVG format
For more information about new features, including information about how to export documents to the SVG format, see What's new in Expression Design September 2011 Preview.


What's new in Expression Design September 2011 Preview

"Expression Design September 2011 Preview includes four new features that further expand and refine your workflow:

  • Import EPS files
  • Make multiple selection in the Layers palette
  • Retain the adjusted position of an object’s registration point.
  • Export documents to the SVG format

Import Encapsulated Postscript (EPS) files

Expression Design Preview adds support for importing EPS files. To import EPS files, on the File menu, click Import Encapsulated Postscript File.

Make multiple selections in the Layers palette

Expression Design Preview adds the ability to quickly select a range of layers in the Layers palette, as well as a range of groups and objects, ...

Retain the adjusted registration point

The registration point is the point where an object is anchored on the document. The registration point becomes visible when you select an object and, by default, it is located at the center of the object, represented by a diamond shape. When you rotate an object, the object rotates around the registration point.


Export SVG

Expression Design Preview adds the ability to export a document in SVG format. Exporting in SVG enables you to integrate vector artwork content into HTML applications that you design using such programs as Expression Blend.


Yeah EPS in! Yeah SVG out! Yeah!

Friday, May 13, 2011

Open Clip Art v3 (All clipart, all open, all the time)

Fabricatorz - Open Clip Art Library Unleashes Version 3.0: Collections, Favorites & Batch Management

"Montreal, May 12, 2011 – Today at the 6th Libre Graphics Meeting 2011 in Montreal, the Open Clip Art Library along with its commercial stewards, the Fabricatorz, have launched the biggest, most featureful version of everyone’s favorite public domain library of clip art, a collection that is free to use for any reason.

Lead developer of Open Clip Art Library and Fabricatorz Developer, Brad Phillips said, “This is our biggest release ever! We have fixed loads of bugs, and Fabricatorz have been leading an effort to create a traditional favorites system so all clip art may be rated by any artist. We have been actively working to close bugs and implement feature requests.”

Additional features include a new sorting category, displaying on the main page, that takes advantage of the new favorites system by listing clip art according to most popular. There is now enhanced profile management capabilities and also an ability to list links to a user’s different profiles. There are 50+ bug fixes on this 3.0 release that make the entire project work smoothly. And, now its easy to generate bitmap images on-demand, thanks to the contribution from user boobaloo from the project.

A major feature added in this release is the batch management action bar. This tool allows for librarians to add or delete clip art searches and tags. For normal artists (users) it allows for the ability to add to and remove clip art from collections. Collections is a feature from the last release so that themed sets of clip art are combined by someone.


3.0 Highlights

* Favorites system sprinkled throughout the site
* Most popular category on the main page
* Users can add multiple links to their profiles
* Batch management (collections and clipart management)
* 2 active events, famous people, doudou linux logo
* 50+ bug fixes
* Simpler personal information management
* Embed controls for clip art


We now provide monthly customized packages related to monthly themes. Please follow the url below to download the latest packages.


Open Clip Art - Packages


I don't know about you, but I can always use more free clip art resources...

Related Past Post XRef:
Open Clip Art Library v2.9 (Think "40K open, as in freely used, vector based clip art images")

The Noun Project, XAML’ified… or The Noun Project converted for you to XAML and PNG’s
“The Noun Project” + SVG + Free + Metro like look and feel + 500 = Happy Windows Phone 7 Developers
Looking for XAML Clip Art? Then make sure you look for SVG files as well...
Open Clip Art Library

Friday, February 18, 2011

Open Clip Art Library v2.9 (Think "40K open, as in freely used, vector based clip art images")

The Fabricatorz - Open Clip Art Library Version 2.9 Hits the Web


Today, the Open Clip Art Librarians are Officially Releasing the Latest Version of their website: Open Clip Art Library 2.9. This newest iteration, the first of the new year, again focuses on the end-user experience, along with filling out the ever-expanding body of art the site contains.

Kicking things off, a long-standing bug has been fixed in a major way. One of OCAL’s leading contributors, johnny_automatic, has gone through a gigantic list of clip art that had been previously not been connected to the site in transition from Open Clip Art lIbrary’s upgrade to 2.0, last spring and brought all of it back to life. As a result, OCAL’s collection has been fully restored to it’s original glory and the current Clip Art Tally stands at nearly 40,000 images!

Longtime visitors will also notice a major menu-item change. A new section, Collections, has replaced Packages. Users will still find information and links to download their favorite packages in this new section, but the change reflects a long-gestating idea that will shift the direction of content from managers of the site to it’s users. With Collections, any user is able to save a Clip Art that they love to a group that they themselves have created. ...


New work continues to drive Open Clip Art Library’s progress. A new package has been made available with this release. ...


The Fabricatorz are pushing The Open Clip Art Library to this next plateau with our development the Aiki Framework, the software engine that powers OCAL ..."

Open Clip Art Library


Open Clip Art Library - About the Open Clipart Library


This project aims to create an archive of clip art that can be used for free for any use.

All graphics submitted to the project should be waived of all rights, including copyright, according to the CC0 Public Domain Dedication. If you'd like to help out, please join the mailing list. Also, browse the archives to review the project's history.


Related Past Post XRef:
The Noun Project, XAML’ified… or The Noun Project converted for you to XAML and PNG’s
“The Noun Project” + SVG + Free + Metro like look and feel + 500 = Happy Windows Phone 7 Developers
Looking for XAML Clip Art? Then make sure you look for SVG files as well...
Open Clip Art Library

Monday, January 10, 2011

The Noun Project, XAML’ified… or The Noun Project converted for you to XAML and PNG’s

Fear and Loathing - 500 Metro Style WP7 Icons

“I was inspired by The Noun Project, a project that offers up “Metro-style” icons in SVG format. The project is licensed under a public domain license and while it’s a great project, all of the content is in SVG format. Jon Galloway has a great post (from 2007) talking about the differences between SVG and XAML so I highly recommend that for some background. I thought it would be helpful to the WPF/Windows Phone 7/Silverlight community to provide the content in alternative formats for use in your applications.

The Goods

I’ve put together a package of the 500 icons (502 actually) in PNG, XAML and the original SVG format along with a couple of sample projects so you can see them in action.


Nice! ‘nuff said…


Related Past Post XRef:
“The Noun Project” + SVG + Free + Metro like look and feel + 500 = Happy Windows Phone 7 Developers

Wednesday, September 30, 2009

Introduction to Subversion/SVN – What are those Trunk, Tag and Branch things?

Code.Blog - Intro to SVN: Trunk, Tags, and Branches

“Subversion (SVN) is a popular tool used by many development teams as their primary way of versioning their code.  Here are some of the basics to SVN.

Possibly one of SVN's best aspects is the ability to work on a shared code base.  This shared code base is called the Trunk.  This is typically where the full, buildable code resides.  It may depend on your team, but this code may be the code you work on daily and commit to.

This leads into the idea of commits and updates.  To illustrate this…

This is a lot of information, and is really basic when talking about SVN, but very helpful when someone asks you, "Are we going to make a Tag of the Branch before Merging into the Trunk?"  Now, go say that to everyone you meet and see if they know their SVN.”


I don’t SVN near enough (cough… like never), so I wanted to capture this for future reference.

Wednesday, March 12, 2008

Inkscape 0.46 Released

SourceForge - Inkscape 0.46 Released

"Highlights in this release:
     * Paintbucket tool
     * Tweak tool
     * 3D Box tool
     * Live path effects
     * Color management
     * New SVG filters and UI
     * Native PDF and AI import
     * XAML import/export
     * Open Clip Art Library integration (import/export)
     * Stock patterns
     * Bitmap editing extension effects
     * Full on-canvas gradient editing
     * Engraver's Toolbox in the Calligraphic tool
     * Touch selection
     * Dockable dialogs
     * Command-line access to verbs
     * Snapping made usable
     * "3D" / axonometric grid
     * Angled guidelines
     * Conversion of objects to guidelines
     * Significant speed and interactivity improvements
     * Hundreds of smaller features and bugfixes


SourceForge - Inkscape

"Drawing a car in Inkscape

A Linux, Windows & OSX vector graphics editor (SVG format) featuring transparency, gradients, node editing, pattern fills, PNG export, and more. Aiming for capabilities similar to Illustrator, CorelDraw, Visio, etc.


I swear I blogged about Inkscape before but I can't seem to find it. Or maybe I just added it to my tracking list because of its SVG support... Anyway, Inkscape 0.46 is now RTW (for reference, the last RTW was 0.45.1 on 3/20/2007...)

NOTE the SourceForge download is currently source only. There are no Window binaries/exe's in the 0.46 SourceForge downloads (currently).

You CAN get the compiled binaries off the main website, in Both the 0.45.1 exe as well as the nightly/dev builds (which includes a 0.46 that was built today). I'm sure the "official" 0.46 precompiled download will be coming very soon.

BTW, the Windows Dev Build, Inkscape0803122143, worked just fine on my Vista box (though I didn't really do anything with it except fire it up and mess around a bit...).


Related Past Post XRef:
Open Clip Art Library
Looking for XAML Clip Art? Then make sure you look for SVG files as well...