Question 1

What's included in the Civic Hacking 101 icon pack?

Accepted Answer

12 vector icons with a consistent visual style. Each icon comes in SVG and PNG formats, so they work for both code and design tools.

Question 2

Where can I use Civic Hacking 101 icons?

Accepted Answer

Common uses include accessibility modes, brand applications, black and white designs, component libraries, corporate identities, color schemes, design systems, dark mode interfaces, design tokens. Since all icons in this pack share the same style, they look consistent when used together.

Question 3

Are these icons free to use commercially?

Accepted Answer

Yes. You can use Civic Hacking 101 icons in client work, SaaS products, apps, or anything else. Some may require attribution depending on the license. Check the icon detail page to be sure.

Question 4

What formats can I download?

Accepted Answer

SVG and PNG. PNGs come in three sizes: 256px, 512px, and 1024px. SVGs are vector-based and stay sharp at any resolution. PNGs are useful when you need a raster image.

Question 5

How do I download an icon?

Accepted Answer

Click any icon to open its detail page. From there you can download the SVG or PNG, copy the SVG code, or change the color before exporting. No account needed.

Question 6

Can I edit these icons?

Accepted Answer

Yes. The SVGs open properly in Figma, Illustrator, Sketch, or any vector editor. You can also adjust colors and sizes on the icon page before downloading.

Question 7

Will these work in React, Vue, or other frameworks?

Accepted Answer

Yes. The SVG code is standard markup. You can inline it, use it as an image source, or import it as a component. The files are small and load fast.

Civic Hacking 101

Frequently Asked Questions

Civic Hacking 101

Online Course

Voting

Reading

ArcGIS

Online Petition

Crowdsourcing

Crowdfunding Platform

Adopt A Pet

Aquatic Mammals

Adopt A Park

Adopt A Hydrant

Storm Drainage