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.
svg svg-icons svg-images nodejs node library javascript-library javascript-framework icon icons react inline svgicon svgicons vivid builderThe 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.
logo tiny-social-icons svg-icons svg social-media icons iconset logosFree 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.
brand branding brands brand-assets icons logos svg svg-icons design design-assets logo brand-colors branding-assets company-brands icon-pack icon-packs iconset svg-images svg-files iconsetssvgi 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.
svg svg-inspector svg-images svg-icons svg-inspection svg-paths pathsYou can incrementally search for Font Awesome icons and paste it to front most app. 💎 See also: Font Awesome Workflow with Sketch 3 — QuickCast.
fontawesome font-awesome icons webfont font css svg-icons alfred alfred-workflow sketch illustrator photoshopI 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.
sketch svg-icons tutorialA simple way to add the necessary icons and install them. Installing with npm is recommended and it works seamlessly with webpack.
icons icon-pack iconset svg svg-icons vue vue-icons vue-components vuejs vue-component componentsThis 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/.
theme capitaine-cursors cursor-theme gnu-linux gnu-linux-theme desktop-environment rice kde-breeze kde breeze svg-icons xcursor gnomeReleased under the MIT license.
svg-icons svg-sprites base64 css svgpackA 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.
svg svg-icons svg-sprites nodejsA 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.
svg svgo svg-icons svg-sprites rubygemsSass-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.
sass svg svg-icons inline-svg sass-inline-svgGenerate 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.
react svg icon generator react-component svg-icons radium blueberry-opensource react-nativeThese 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.
weather-icons weather-underground svg-icons png-icons svg css black-icons white-icons color-icons png weather iconsSVG 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.
vuejs webpack svg-icons svg-sprites svg loader icons vueA 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.
react-native react svg svg-icons react-component icon ui es6A semantic "about" page. They retain their original licenses.
tel semantic-web svg-iconsAll 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.
react react-component music-player react-components music audio svg audio-player html5 html5-audio player cassette svg-icons mp3 ogg wav media isomorphic reactjsCover2 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.
wordpress wordpress-theme gulp css sass browsersync responsive-theme font-awesome svg-icons responsive-typography underscores-theme aesop-story-engine nucleo theme blogging
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.