Displaying 1 to 20 from 40 results

vivid - a JavaScript library which is built to easily customize and use the SVG Icons with a blaze.

  •    Javascript

Vivid.JS is an SVG Icons library which can be used to add highly customizable vibrant icons to the DOM without any dev dependencies. Vivid.JS is easy to adapt and can bring SVG icons to life using html5 data attributes on the go. Icons can also be individually customized in terms of colors and size using html5 data attributes which gives more power to Vivid.JS library.

SuperTinyIcons - Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos

  •    HTML

The logos have a 512x512 viewbox, they will fit in a circle with radius 256. They will scale up and down to suit your needs. Bytes cost money. They cost money to store, transport, and process. Simplicity should be our goal in all endeavours.

simple-icons - SVG icons for popular brands

  •    HTML

Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be made on GitHub. Started by Dan Leech. Icons can be downloaded as SVGs directly from our website - simply click the icon you want, and the download should start automatically.

svgi - 🔎 The SVG inspection tool

  •    Javascript

svgi is written in javascript (node) and distributed through npm. Both are required to install svgi. svgi requires a > 6 node version because it uses some features from the new versions of ECMAScript.

alfred-font-awesome-workflow - :tophat: Font Awesome Workflow for Alfred 3

  •    Go

You can incrementally search for Font Awesome icons and paste it to front most app. 💎 See also: Font Awesome Workflow with Sketch 3 — QuickCast.

MakeIconsWithSketch - Simple tutorials about how to make icons with Sketch.


I have posted some simple gif tutorials about how to make icons with Sketch on Twitter and Weibo one month ago, got a lot of wonderful feedbacks, almost 270K views and 380+ people get involved, particularly from developers, they were really following my steps and start to use Sketch, they don't need always to rely on designers. The purpose to open source this project is hopefully can invite more designers join, create more gif tutorials and svg icons for anyone can learn and download.

boxicons - High Quality web friendly icons

  •    CSS

'Boxicons' is a carefully designed open source iconset with 700+ icons. It's crafted to look enrich your website/app experience. Total of 798 icons in regular, solid styles.

vue-unicons - 1000+ Pixel-perfect svg icons for your next project as Vue components

  •    Vue

A simple way to add the necessary icons and install them. Installing with npm is recommended and it works seamlessly with webpack.

capitaine-cursors - An x-cursor theme inspired by macOS and based on KDE Breeze

  •    Shell

This is an x-cursor theme inspired by macOS and based on KDE Breeze. The source files were made in Inkscape, and the theme was designed to pair well with my icon pack, La Capitaine.Everything you need to build the xcursor theme is found in src/, and the prebuilt theme for GNU/Linux desktops is found in dist/.

svgpack - A tool for generating and managing SVG Sprites.

  •    Javascript

A tool for generating and managing SVG Sprites.SVGPack does not currently support circle and ellipse elements. If your SVG file has circle and ellipse elements, you will need to convert these into path elements. You can use Illustrator's Make Compound Path (⌘ + 8) function to convert circles and ellipses into paths.

svgeez - A Ruby gem for automatically generating an SVG sprite from a folder of SVG icons.

  •    Ruby

A Ruby gem for automatically generating an SVG sprite from a folder of SVG icons. If you're using an SVG icon system in your Web projects, svgeez can help speed up your workflow by automating the SVG sprite generation process. Run svgeez alongside your existing project (or integrate it into your current build system); add, edit, or delete SVG files from a folder; and marvel as svgeez generates a single SVG sprite file ready for inclusion in your user interface.

sass-inline-svg - Inline url-encoded SVG with Sass. Optional variable string replacement included!

  •    Ruby

Sass-inline-svg adds a inline_svg function you can use with Sass. It url-encodes the contents of the specified file and inlines it in your CSS (Url-encoded SVG is about 30% smaller than base64). When working with plain Sass, you'll have to use the full path to the svg file, when using Rails the path will be resolved by the Rails asset pipeline.

react-svg-icon-generator - Generate React Icon Component from SVG icons to show, resize and recolor them

  •    Javascript

Generate React Icon Component from SVG icons to show, resize and recolor them. source directory with SVG and this is output component from gulp task so in production you are without any dependencies at all.

weather-underground-icons - Weather Underground Icons ( PNG & SVG )

  •    HTML

These icons were created by the Graphic Designer Ashley Jager. She released these icons in a beautiful Adobe Illustrator file. This project simply breaks that AI file up into web friendly icons that can be used in your projects. Here is an Example Application that uses these icons. You can access the Github Repo for source code.

vue-svg-icon-loader - Turn SVG files into VueJS Components

  •    TypeScript

SVG attributes can be overridden with CSS or inline on the icon element in your template. See the example project for more usage examples. There is a sample Vue + Webpack project in the examples/ directory that shows how to use this in an application.

react-native-svg-icon - A simple, but flexible SVG icon component for React Native

  •    Javascript

A simple, but flexible SVG icon component for React Native. Read the introductory blog post. To conform to React/JSX standards, we need to convert SVG elements to begin with a capital letter, and convert hyphenated attributes to camelCase. For example. <path> becomes <Path> and stop-color becomes stopColor.

edent.tel - A semantic contact page built around SVG

  •    HTML

A semantic "about" page. They retain their original licenses.

react-cassette-player - Simple ReactJS HTML5 audio player component built with SVG icons from The Noun Project

  •    Javascript

All props can be referenced in the demo source. Don't hesitate to ask questions. SVG icons used by react-cassette-player are licensed Creative Commons (CC BY 3.0) and must be purchased by the Noun Project. Otherwise, you must add the following attribution to your project.

cover2 - A content-driven blogging theme for WordPress. Successor to the Cover theme.

  •    PHP

Cover2 is a content-driven blogging theme for WordPress. Built on top of Automattic's Underscores, Cover2 allows you to focus on your writing. There are no sidebars to mess with, just a single column view of your content. When you use a featured image, it displays as a full-screen background image behind the title.