article:
Website: WordPress Theme for Fashion Agency (PSD, HTML5, CSS3, JS)
article:
UI: Number One UI Kit (PSD)

Elements Design: Valentine Day icon set (AI, SVG, WebFonts)

Advertisement

Saint Valentine's Day, also known as Valentine's Day or the Feast of Saint Valentine, is a holiday observed on February 14 each year. It is celebrated in many countries around the world, although it is not a holiday in most of them. The day was first associated with romantic love in the circle of Geoffrey Chaucer in the High Middle Ages, when the tradition of courtly love flourished. In 18th-century England, it evolved into an occasion in which lovers expressed their love for each other by presenting flowers, offering confectionery, and sending greeting cards (known as "valentines"). In Europe, Saint Valentine's Keys are given to lovers "as a romantic symbol and an invitation to unlock the giver’s heart", as well as to children, in order to ward off Saint Valentine's Malady. Valentine's Day symbols that are used today include the heart-shaped outline, doves, and the figure of the winged Cupid. Since the 19th century, handwritten valentines have given way to mass-produced greeting cards. - Valentine's Day

Vector graphics is the use of geometrical primitives such as points, lines, curves, and shapes or polygons—all of which are based on mathematical expressions—to represent images in computer graphics. Vector graphics are based on vectors (also called paths), which lead through locations called control points or nodes. Each of these points has a definite position on the x and y axes of the work plane and determines the direction of the path; further, each path may be assigned a stroke color, shape, thickness, and fill. These properties don't increase the size of vector graphics files in a substantial manner, as all information resides in the document's structure, which describes solely how the vector should be drawn. - Vector graphics

Implementation webfonts


    You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

    A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches.


@font-face{
    font-family: 'MyWebFont';
    src: url('WebFont.eot');
    src: url('WebFont.eot?#iefix') format('embedded-opentype'),
         url('WebFont.woff') format('woff'),
         url('WebFont.ttf') format('truetype'),
         url('WebFont.svg#webfont') format('svg');
}


    link to the stylesheet in your HTML, like this:


<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />

    Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:


p { font-family: 'MyWebFont', Arial, sans-serif; }

Preview


Elements Design: Valentine Day icon set (AI, SVG, WebFonts)


Elements Design: Valentine Day icon set (AI, SVG, WebFonts)


Created by Arthur Avakyan.

Enjoy this freebie and want to show support? Spread the word.

We hope you enjoy this freebie and find it useful!

Advertisement
Tags: valentine day, webfonts, icons set, vector icons

Leave a Comment

No Comment

© Creative3x Ltd.