Coder Social home page Coder Social logo

icons-fonts-resources's Introduction

Icons & fonts resources

Some icons and fonts I have created for some projects.

Version Static Badge


Table of Contents

About

The purpose of this project is to bring together some resources (icons and fonts) I had to create for different projects.

All resources were created from scratch using Inkscape software.

Feel free to use them in your projects.

Icons

Files

Type a :

icon-file-a-avi icon-file-a-doc icon-file-a-exe icon-file-a-gif icon-file-a-jpg icon-file-a-mp3 icon-file-a-mp4 icon-file-a-mpg icon-file-a-pdf icon-file-a-png icon-file-a-ppt icon-file-a-rar icon-file-a-txt icon-file-a-xls icon-file-a-xml icon-file-a-zip

Type b :

icon-file-b-avi icon-file-b-doc icon-file-b-exe icon-file-b-gif icon-file-b-jpg icon-file-b-mp3 icon-file-b-mp4 icon-file-b-mpg icon-file-b-pdf icon-file-b-png icon-file-b-ppt icon-file-b-rar icon-file-b-txt icon-file-b-xls icon-file-b-xml icon-file-b-zip

Type a specifications :

  • Formats : SVG, PNG
  • Width : 50px
  • Height : 60px
  • Font family : Consolas
  • Font style : Bold
  • Font size : 11pt
  • Text position : centered in parent
  • Text color : white

Type b specifications :

  • Formats : SVG, PNG
  • Width : 60px
  • Height : 60px
  • Font family : Consolas
  • Font style : Bold
  • Font size : 13pt
  • Text position : centered in parent
  • Text color : white

Available icons :

  • AVI : light color de79aaff, dark color c83771ff
  • DOC : light color 5a82c8ff, dark color 325aa0ff
  • EXE : light color 916e82ff, dark color 69505aff
  • GIF : light color 00d2b4ff, dark color 00aa96ff
  • JPG : light color 00afd7ff, dark color 0087aaff
  • MP3 : light color 87decdff, dark color 37c8abff
  • MP4 : light color c4a6c8ff, dark color 8a6f91ff
  • MPG : light color c6afe9ff, dark color 8d5fd3ff
  • PDF : light color f06f6ffc, dark color c83737ff
  • PNG : light color bee650ff, dark color 96c832ff
  • PPT : light color ff8c32ff, dark color e65a00ff
  • RAR : light color 8254c8ff, dark color 5a2ca0ff
  • TXT : light color c8c8c8ff, dark color a0a0a0ff
  • XLS : light color 64c864ff, dark color 2ca02cff
  • XML : light color d38d5fff, dark color a05a2cff
  • ZIP : light color ffdc5aff, dark color ffbe1eff

Create your own

If you need another text that is not available you can start from one of the files to build your own.

Open the file in Inkscape :

  1. Delete the shape representing the text
  2. Create a new Text object
  3. Select the text element with the shape in the background (in which you want to center the text).
  4. Open "Align and Distribute" panel (Shift + Ctrl + A)
  5. Set "Relative to" to "Biggest object"
  6. Click the icons to center the text vertically and horizontally
  7. Select the text and choose Path > Object to path
  8. Change the other colors as you want
  9. Save
  10. Personally I like to edit the XML source later to remove unnecessary stuff and keep the file clean and light

License

WTFPL license.

But a mention is always appreciated :)

See LICENSE file.

icons-fonts-resources's People

Contributors

yann39 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.