Hand-coded SVG icons

Whenever possible, I prefer to draw icons for my projects using SVG. I write the code in a text editor. It is possible to export vector drawings from Adobe Illustrator to SVG, and I have created a few icons that way. But I didn't create any of these in that way.

Click on any SVG thumbnail to see a larger version.

Compass

For my map art app.

Gear

For settings, tools, or other technical applications.

Mission

Mission College. The font is not exactly the same, and may not appear correctly on all systems unless they have the Century Gothic font.

Banjo

For a music app or web site.

Gauge

For a design piece done in steampunk style. This icon uses font text, so its appearance may depend on the available fonts.

Radio Dial

For a design piece done in steampunk style. This icon uses font text, so its appearance may depend on the available fonts.

Safari

Attempt to reproduce the Safari icon in raw SVG.

Finder

Attempt to reproduce the new Yosemite Finder icon in raw SVG.

Earthquake

For a disaster preparedness web site. I generated the data using JavaScript.

Girl Power

For a web project.

My Logo

My MB logo used on my web site and portfolio.

Tools

For a tool, tool box, or utility program.

Comics

For a comics page.

Map

For any kind of mapping or geographic program.

Camera

A camera icon anchored by the colors red, green, and blue.

Checkers

Another square dance icon that uses hand-drawn numerals instead of using fonts. For use where fonts are not available.

Piano Keys

For a concert poster.

Two Pianos

For a concert poster.

Square

For a square dance app or web site. This icon uses font text, so its appearance may depend on the available fonts.

Triangle

For a color triangle app.

Meter

For a pollen tracking web site.

Philippians

For a generic web site. I used it for a class I'm teaching. This version uses the Biblical number seven.

Edit

For a database access program.

Mixed-Up

For my square dance web site.

Palette

For an art project or color code site.

Keyboard

For a music program.

Roads

For a mapping project.

Transistor

For an electronics project.

Transistor

For an electronics project.

Colors

Color wheel based on the red-green and blue-yellow axes. For an art project or color code site.

Calso

Oil company icon based on a map graphic. Icon for a mapping program.

Chevron

Oil company icon based on a map graphic. Icon for a mapping program.

Tilted

For my JavaScript SVG project. This icon uses font text, so its appearance may depend on the available fonts.

Calendar

For a calendar link. I use this on my home page.

PHP

An icon for my PHP class.

Diamond

An icon for a square dance application.

SVG/JS

An icon for a square dance application. This icon uses font text, so its appearance may depend on the available fonts.

Book

An icon for a bookmark or reading application.

More SVG Projects

Letters
Shapes/PNG
Shapes/PHP
Shapes/JS
Dictionary
Inline SVG
SVG/JS
Clock
Color Wheels
Random Art
large