Freemoticon

Cheers Glasses

noreply@blogger.com (you) — Tue, 07 Mar 2017 05:06:00 +0000

Cheers Glasses

When drinking together, the clinking of the glasses was supposed to cause some of the drink from each cup to spill into the other, thus negating any attempts to poison your drinking partner. Essentially, it was an act of good faith. "See, I didn't poison you! Even if I did, I'm drinking it with you!"

Description

1. Title Cheers Glasses

2. Quality High

work on facebook web (Instruction for status, comments and chat !)

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image

3. Save image as

4. Save

Source : https://www.facebook.com/chris.grootaert

How Do You Do Smiley

noreply@blogger.com (you) — Wed, 22 Feb 2017 14:07:00 +0000

Singing Smiley

After you've made a new friend on Facebook, feel free to share this friendly emoticon with your new pal. Using colorful smileys like this helps you add some excitement to your conversations. You can rev up your fun on the social network when you begin to use our extensive collection of images.

Description

1. Title Singing Smiley

2. Quality High

work on facebook web (Instruction for status, comments and chat !)

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image

3. Save image as

4. Save

Singing Smiley

noreply@blogger.com (you) — Sun, 31 Jul 2016 06:58:00 +0000

Singing Smiley

This smiley is thrilled to be singing its heart out and will happily give your friends on Facebook a performance. Our collection is filled with a wide array of unique emoticons. After you scroll through them all, be sure to share them with your friends.

Description

1. Title Singing Smiley

2. Quality High

work on facebook web (Instruction for status, comments and chat !)

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image

3. Save image as

4. Save

SMS Smiley

noreply@blogger.com (you) — Fri, 22 Jul 2016 04:37:00 +0000

SMS Smiley

Post SMS Smiley in an FB message when you want your friends to get in touch. This image can be posted to timelines and in comments areas as well. You'll enjoy your time on Facebook so much more when you use our expressive imagery to help you get your thoughts across.

Description

1. Title SMS Smiley

2. Quality High

work on facebook web (Instruction for status, comments and chat !)

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image

3. Save image as

4. Save

Rock on Smiley

noreply@blogger.com (you) — Tue, 12 Jul 2016 05:06:00 +0000

Rock on Smiley

Download or use Rock on Smiley for your status,comments and chat on facebook.

Description

1. Title Rock on Smiley

2. Quality High

work on facebook web (Instruction for status, comments and chat !)

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image

3. Save image as

4. Save

Whatever Smiley

noreply@blogger.com (you) — Sun, 10 Jul 2016 06:38:00 +0000

Whatever Smiley

When you explore our collection of emoticons, you'll discover we have smileys to suit every occasion--even when you're not very impressed by something. Our smileys can be used in any post you wish to share on Facebook. Our images are colorful and eye-catching. Once you begin to post them, you'll see how fun it is to express yourself using imagery

Description

1. Title Whatever Smiley

2. Quality High

work on facebook web (Instruction for status, comments and chat !)

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image

3. Save image as

4. Save

Big Thumbs Up Smiley

noreply@blogger.com (you) — Sat, 02 Jul 2016 09:12:00 +0000

Big Thumbs Up Smiley

This is cool smiley. Want to tell someone on Facebook that you like their style or their post? You can use our smileys to get your point across.

Description

1. Title Big Thumbs Up Smiley

2. Quality High

work on facebook web (Instruction for status, comments and chat !)

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image

3. Save image as

4. Save

Shade Smiley

noreply@blogger.com (you) — Sat, 02 Jul 2016 03:58:00 +0000

Shade Smiley

This cool smiley is looking it's best in a snazzy pair of sunglasses. Show him off on Facebook when you want to get your friends' attention. When you share our unique emoticons on Facebook, you'll enhance the interest factor of all your posts. Be sure to explore our fine collection of images that are suitable for all occasions.

Description

1. Title Shade Smiley

2. Quality High

work on facebook web (Instruction for status, comments and chat !)

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image

3. Save image as

4. Save

Firefox icon

noreply@blogger.com (you) — Fri, 01 Jul 2016 11:43:00 +0000

Winamp/Media and Real Player Icon

noreply@blogger.com (you) — Fri, 01 Jul 2016 11:39:00 +0000

Funny Gif

noreply@blogger.com (you) — Fri, 01 Jul 2016 11:36:00 +0000

Telling Secret

noreply@blogger.com (you) — Fri, 01 Jul 2016 06:15:00 +0000

Telling Secret

These smileys have some interesting secrets to share. If you also have some news to convey to a pal on Facebook, you can post this image in a message. Our emoticons will enhance your Facebook time with their attention-getting designs. Because they are free to use, you can share them every day as often as you like.

Description

1. Title Telling Secret

2. Quality High

Instruction for status, comments and chat !

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image

3. Save image as

4. Save

Cat Part 1

noreply@blogger.com (you) — Fri, 01 Jul 2016 06:08:00 +0000

Cat Part 2

noreply@blogger.com (you) — Fri, 01 Jul 2016 06:06:00 +0000

Excited Smiley

noreply@blogger.com (you) — Wed, 29 Jun 2016 06:17:00 +0000

Excited Smiley

Share and Give someone special emoticon. It only takes a few seconds to post one of our expressive emojis on a friend's profile or in a message. Each emoticon image works anywhere. All you have to do is take some time to locate all your favorites.

Description

1. Title Excited Smiley

2. Quality High

work on facebook web (Instruction for status, comments and chat !)

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image<.p>

3. Save image as

4. Save

Teary Eyes

noreply@blogger.com (you) — Tue, 28 Jun 2016 06:05:00 +0000

Teary Eyes

Give someone special emoticon. It only takes a few seconds to post one of our expressive emojis on a friend's profile or in a message. Each emoticon image works anywhere. All you have to do is take some time to locate all your favorites.

Description

1. Title Teary Eyes

2. Quality High

Instruction for status, comments and chat !

1. Click copy button.

2. Click on icon on Facebook status, comments and chat

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image<.p>

3. Save image as

4. Save

Big Eyes

noreply@blogger.com (you) — Mon, 27 Jun 2016 04:04:00 +0000

Big Eyes

Description

1. Title Big Eyes

2. Quality High

Instruction for status, comments and chat !

1. Click copy button.

2. Click on icon on Facebook

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image<.p>

3. Save image as

4. Save

Smile and Rose

noreply@blogger.com (you) — Mon, 27 Jun 2016 03:18:00 +0000

Smile and Rose

Give someone a Smile and Rose for special person. It only takes a few seconds to post one of our expressive emojis on a friend's profile or in a message. Each emoticon image works anywhere. All you have to do is take some time to locate all your favorites.

Description

1. Title Smile and Rose

2. Quality High

Instruction for status, comments and chat !

1. Click copy button.

2. Click on icon on Facebook

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image<.p>

3. Save image as

4. Save

Sinister Emoticon

noreply@blogger.com (you) — Sun, 26 Jun 2016 08:37:00 +0000

Sinister Emoticon

Give someone a special emoticon. It only takes a few seconds to post one of our expressive emojis on a friend's profile or in a message. Each emoticon image works anywhere. All you have to do is take some time to locate all your favorites.

Description

1. Title Sinister Emoticon

2. Quality High

Instruction for status, comments and chat !

1. Copy the emoticon.

2. Click on icon on Facebook

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image<.p>

3. Save image as

4. Save

Blowing Kiss

noreply@blogger.com (you) — Fri, 24 Jun 2016 07:01:00 +0000

Blowing Kiss

Description

1. Title Blowing Kiss

2. Quality High

Instruction for status, comments and chat !

1. Copy the emoticon.

2. Click on icon on Facebook

3. Paste the emoticon in the File name field and click Open.

4. Push Enter.

Download Image

Download

Instruction for download

1. Click Download Button

2. Right click on the image<.p>

3. Save image as

4. Save

Emoticon For Facebook

noreply@blogger.com (you) — Thu, 23 Jun 2016 06:00:00 +0000

Here is the complete list of all Facebook emoticons. As you can see, we have loads of great emoticons to choose from. You’ll find an incredible selection of familiar smiley faces and their codes along with a huge number of new Emoji emoticons that are also popular.

Now you can easily express yourself to your friends when you are happy, sad, in love, cranky, or experiencing just about any other emotion while decorating your Facebook status and comments using our Facebook emoticons list. Just choose emoticons that best suit your mood.

To use our amazing ‘Emoji’ icons, all you have to do is copy and paste a symbol code beneath the emoticon’s image. Don’t worry if you see the code as an empty square; it will still convert to the emoticon once you post it on Facebook!

:)

:D

:(

:'(

:P

O:)

3:)

o.O

;)

:O

-_-

>:O

:*

<3

^_^

8-)

8|

(^^^)

:|]

>:(

:v

:/

:3

☺

(y)

:poop:

:putnam:

<(")

✌

☀

☁

☔

⚡

✨

⭐

✳

⛄

☕

♨

⛵

⛽

✈

⛲

⛺

⛪

☎

✉

✂

🚽

🛀

👙

💄

👕

👘

👗

👢

👠

👡

💼

👜

👔

🎩

👒

👑

💍

🚭

⚽

⚾

⛳

🏈

🏀

🎾

🎱

🎯

🎿

🎌

🏁

🏆

⚠

⛔

❕

❓

❗

❔

❌

❎

✖

♥

♠

♦

♣

👌

👎

✊

☝

✋

🙌

💪

👊

👏

👆

👉

👈

👇

💔

💙

💚

💛

💜

💗

💘

💓

💝

💖

💞

💟

💌

💑

💋

👄

😍

😘

😚

😊

😏

😌

😃

😄

😞

😢

😷

😓

😰

😥

😪

😨

😱

😵

😭

😠

😳

😲

😤

😜

😝

😉

😔

😒

😂

😡

👿

👽

👾

👻

👼

👯

💂

👳

🎅

👮

👷

👸

👴

👵

👨

👩

👦

👧

👶

👱

👫

🎎

💃

👂

👃

👀

🌟

🌙

🎵

🎶

💤

🔥

🔔

🎈

🎉

🍸

🍺

🍻

🍶

🍵

🍴

🍞

🍳

🍟

🍲

🍣

🍝

🍜

🍰

🍧

🍦

🍔

🍎

🍓

🍊

🍉

🍅

🍆

🌱

🌴

🌵

🍁

🍂

🍃

🌸

🌹

🌷

🌻

🌺

💐

🎄

🐶

🐻

🐵

🐭

🐹

🐺

🐯

🐴

🐷

🐱

🐰

🐩

🐑

🐧

🐨

🐮

🐗

🐔

🐥

🐦

🐘

🐎

🐒

🐫

🐬

🐳

🐠

🐟

🐡

🐙

🐚

🐸

🐍

🐛

💨

🌊

💦

✴

🌈

📞

📠

🔈

📻

📷

🎥

📼

📡

📺

💻

💾

📀

📱

🎁

🎏

💢

💅

🐾

🍀

🎓

🎃

💀

🏧

💰

💵

💴

🚲

🚗

🚙

🚚

🚌

🚒

🚓

🚑

🚕

🚄

🚃

🚅

🚉

🚤

🚢

🎢

🚀

🎫

🚏

🚥

🚧

💈

📶

🔞

📳

📴

🌅

🌄

🌇

🌆

🌃

🗻

🏯

🏣

🏰

🏦

🗽

🎡

🗼

🏨

🏩

🏢

🏫

🏭

🏥

🏬

🏪

💒

🏡

🏠

📪

📫

📮

📩

📨

📝

🎒

📖

🎨

🎤

📣

🎧

🎷

🎺

🎸

📢

🔒

🔐

🔑

🔓

🔎

💡

💲

🔫

💣

🚬

💊

💉

🎭

🎬

🎦

🚻

🚹

🚺

🚼

🆚

🆙

🆒

♿

➿

🚾

㊗

㊙

🈂

🈳

🈁

🈯

🈵

🈹

🈚

🈷

🈶

🈸

🈺

🉐

⬜

⚪

➡

⬇

⬅

⬆

↗

↖

↘

↙

⤴

⤵

🎀

🌂

💧

🔨

💺

〽

🔱

🔰

🀄

💎

💠

🔷

🔶

Birthday

noreply@blogger.com (you) — Thu, 31 Mar 2016 06:38:00 +0000

Twitter Symbol

noreply@blogger.com (you) — Sat, 05 Dec 2015 10:59:00 +0000

People symbols

smiling face with open mouth and smiling eyessmiling face with open mouthgrinning facesmiling face with smiling eyeswhite smiling facewinking facesmiling face with heart-shaped eyesface throwing a kisskissing face with closed eyeskissing facekissing face with smiling eyesface with stuck-out tongue and winking eyeface with stuck-out tongue and tightly-closed eyesface with stuck-out tongueflushed facegrinning face with smiling eyespensive facerelieved faceunamused facedisappointed facepersevering facecrying faceface with tears of joyloudly crying facesleepy facedisappointed but relieved faceface with open mouth and cold sweatsmiling face with open mouth and cold sweatface with cold sweatweary facetired facefearful faceface screaming in fearangry facepouting faceface with look of triumphconfounded facesmiling face with open mouth and tightly-closed eyesface savouring delicious foodface with medical masksmiling face with sunglassessleeping facedizzy faceastonished faceworried facefrowning face with open mouthanguished facesmiling face with hornsimpface with open mouthgrimacing faceneutral faceconfused facehushed faceface without mouthsmiling face with halosmirking faceexpressionless faceman with gua pi maoman with turbanpolice officerconstruction workerguardsmanbabyboygirlmanwomanolder manolder womanperson with blond hairbaby angelprincesssmiling cat face with open mouthgrinning cat face with smiling eyessmiling cat face with heart-shaped eyeskissing cat face with closed eyescat face with wry smileweary cat facecrying cat facecat face with tears of joypouting cat facejapanese ogrejapanese goblinsee-no-evil monkeyhear-no-evil monkeyspeak-no-evil monkeyskullextraterrestrial alienpile of poofiresparklesglowing stardizzy symbolcollision symbolanger symbolsplashing sweat symboldropletsleeping symboldash symboleareyesnosetonguemouththumbs up signthumbs down signok hand signfisted hand signraised fistvictory handwaving hand signraised handopen hands signwhite up pointing backhand indexwhite down pointing backhand indexwhite right pointing backhand indexwhite left pointing backhand indexperson raising both hands in celebrationperson with folded handswhite up pointing indexclapping hands signflexed bicepspedestrianrunnerdancerman and woman holding handsfamilytwo men holding handstwo women holding handskisscouple with heartwoman with bunny earsface with ok gestureface with no good gestureinformation desk personhappy person raising one handface massagehaircutnail polishbride with veilperson with pouting faceperson frowningperson bowing deeplytop hatcrownwomans hatathletic shoemans shoewomans sandalhigh-heeled shoewomans bootst-shirtnecktiewomans clothesdressrunning shirt with sashjeanskimonobikinibriefcasehandbagpouchpurseeyeglassesribbonclosed umbrellalipstickyellow heartblue heartpurple heartgreen heartheavy black heartbroken heartgrowing heartbeating hearttwo heartssparkling heartrevolving heartsheart with arrowlove letterkiss markringgem stonebust in silhouettebusts in silhouettespeech balloonfootprintsthought balloon

Nature Symbols

dog facewolf facecat facemouse facehamster facerabbit facefrog facetiger facekoalabear facepig facepig nosecow faceboarmonkey facemonkeyhorse facesheepelephantpanda facepenguinbirdbaby chickfront-facing baby chickhatching chickchickensnaketurtlebughoneybeeantlady beetlesnailoctopusspiral shelltropical fishfishdolphinspouting whalewhalecowramratwater buffalotigerrabbitdragonhorsegoatroosterdogpigmouseoxdragon faceblowfishcrocodilebactrian cameldromedary camelleopardcatpoodlepaw printsbouquetcherry blossomtulipfour leaf cloverrosesunflowerhibiscusmaple leafleaf fluttering in windfallen leafherbear of ricemushroomcactuspalm treeevergreen treedeciduous treechestnutseedlingblossomglobe with meridianssun with facefull moon with facenew moon with facenew moon symbolwaxing crescent moon symbolfirst quarter moon symbolwaxing gibbous moon symbolfull moon symbolwaning gibbous moon symbollast quarter moon symbolwaning crescent moon symbollast quarter moon with facefirst quarter moon with facecrescent moonearth globe europe-africaearth globe americasearth globe asia-australiavolcanomilky wayshooting starwhite medium starblack sun with rayssun behind cloudcloudhigh voltage signumbrella with rain dropssnowflakesnowman without snowcyclonefoggyrainbowwater wave

Object Symbol

pine decorationheart with ribbonjapanese dollsschool satchelgraduation capcarp streamerfireworksfirework sparklerwind chimemoon viewing ceremonyjack-o-lanternghostfather christmaschristmas treewrapped presenttanabata treeparty popperconfetti ballballooncrossed flagscrystal ballmovie cameracameravideo cameravideocassetteoptical discdvdminidiscfloppy diskpersonal computermobile phoneblack telephonetelephone receiverpagerfax machinesatellite antennatelevisionradiospeaker with three sound wavesspeaker with one sound wavespeakerspeaker with cancellation strokebellbell with cancellation strokepublic address loudspeakercheering megaphonehourglass with flowing sandhourglassalarm clockwatchopen locklocklock with ink penclosed lock with keykeyright-pointing magnifying glasselectric light bulbelectric torchhigh brightness symbollow brightness symbolelectric plugbatteryleft-pointing magnifying glassbathtubbathshowertoiletwrenchnut and bolthammerdoorsmoking symbolbombpistolhochopillsyringemoney bagbanknote with yen signbanknote with dollar signbanknote with pound signbanknote with euro signcredit cardmoney with wingsmobile phone with rightwards arrow at lefte-mail symbolinbox trayoutbox trayenvelopeenvelope with downwards arrow aboveincoming envelopepostal hornclosed mailbox with raised flagclosed mailbox with lowered flagopen mailbox with raised flagopen mailbox with lowered flagpostboxpackagememopage facing uppage with curlbookmark tabsbar chartchart with upwards trendchart with downwards trendscrollclipboardcalendartear-off calendarcard indexfile folderopen file folderblack scissorspushpinpaperclipblack nibpencilstraight rulertriangular rulerclosed bookgreen bookblue bookorange booknotebooknotebook with decorative coverledgerbooksopen bookbookmarkname badgemicroscopetelescopenewspaperartist paletteclapper boardmicrophoneheadphonemusical scoremusical notemultiple musical notesmusical keyboardviolintrumpetsaxophoneguitaralien monstervideo gameplaying card black jokerflower playing cardsmahjong tile red dragongame diedirect hitamerican footballbasketball and hoopsoccer ballbaseballtennis racquet and ballbilliardsrugby footballbowlingflag in holemountain bicyclistbicyclistchequered flaghorse racingtrophyski and ski bootsnowboarderswimmersurferfishing pole and fishhot beverageteacup without handlesake bottle and cupbaby bottlebeer mugclinking beer mugscocktail glasstropical drinkwine glassfork and knifeslice of pizzahamburgerfrench friespoultry legmeat on bonespaghetticurry and ricefried shrimpbento boxsushifish cake with swirl designrice ballrice crackercooked ricesteaming bowlpot of foododendangocookingbreaddoughnutcustardsoft ice creamice creamshaved icebirthday cakeshortcakecookiechocolate barcandylollipophoney potred applegreen appletangerinelemoncherriesgrapeswatermelonstrawberrypeachmelonbananapearpineappleroasted sweet potatoauberginetomatoear of maize

Place symbols

house buildinghouse with gardenschooloffice buildingjapanese post officehospitalbankconvenience storelove hotelhotelweddingchurchdepartment storeeuropean post officesunset over buildingscityscape at duskjapanese castleeuropean castletentfactorytokyo towersilhouette of japanmount fujisunrise over mountainssunrisenight with starsstatue of libertybridge at nightcarousel horseferris wheelfountainroller coastershipsailboatspeedboatrowboatanchorrocketairplaneseathelicoptersteam locomotivetramstationmountain railwaytrainhigh-speed trainhigh-speed train with bullet noselight railmetromonorailtram carrailway cartrolleybusbusoncoming busrecreational vehicleoncoming automobileautomobiletaxioncoming taxiarticulated lorrydelivery truckpolice cars revolving lightpolice caroncoming police carfire engineambulanceminibusbicycleaerial tramwaysuspension railwaymountain cablewaytractorbarber polebus stopticketvertical traffic lighthorizontal traffic lightwarning signconstruction signjapanese symbol for beginnerfuel pumpizakaya lanternslot machinehot springsmoyaicircus tentperforming artsround pushpintriangular flag on postregional indicator symbol letters jpregional indicator symbol letters krregional indicator symbol letters deChina flagAmerican flagFrench flagSpanish flagItalian flagRussian flagBritish flag109 building

Special symbols

keycap 1keycap 2keycap 3keycap 4keycap 5keycap 6keycap 7keycap 8keycap 9keycap 0keycap teninput symbol for numbershash keyinput symbol for symbolsupwards black arrowdownwards black arrowleftwards black arrowblack rightwards arrowinput symbol for latin capital lettersinput symbol for latin small lettersinput symbol for latin lettersnorth east arrownorth west arrowsouth east arrowsouth west arrowleft right arrowup down arrowanticlockwise downwards and upwards open circle arrowsblack left-pointing triangleblack right-pointing triangleup-pointing small red triangledown-pointing small red triangleleftwards arrow with hookrightwards arrow with hookinformation sourceblack left-pointing double triangleblack right-pointing double triangleblack up-pointing double triangleblack down-pointing double trianglearrow pointing rightwards then curving downwardsarrow pointing rightwards then curving upwardssquared oktwisted rightwards arrowsclockwise rightwards and leftwards open circle arrowsclockwise rightwards and leftwards open circle arrows with circled one overlaysquared newsquared up with exclamation marksquared coolsquared freesquared ngantenna with barscinemasquared katakana kokosquared cjk unified ideograph-6307squared cjk unified ideograph-7a7asquared cjk unified ideograph-6e80squared cjk unified ideograph-5408squared cjk unified ideograph-7981circled ideograph advantagesquared cjk unified ideograph-5272squared cjk unified ideograph-55b6squared cjk unified ideograph-6709squared cjk unified ideograph-7121restroommens symbolwomens symbolbaby symbolwater closetpotable water symbolput litter in its place symbolnegative squared latin capital letter pwheelchair symbolno smoking symbolsquared cjk unified ideograph-6708squared cjk unified ideograph-7533squared katakana sacircled latin capital letter mpassport controlbaggage claimleft luggagecustomscircled ideograph acceptcircled ideograph secretcircled ideograph congratulationsquared clsquared sossquared idno entry signno one under eighteen symbolno mobile phonesdo not litter symbolnon-potable water symbolno bicyclesno pedestrianschildren crossingno entryeight spoked asterisksparklenegative squared cross markwhite heavy check markeight pointed black starheart decorationsquared vsvibration modemobile phone offnegative squared latin capital letter anegative squared latin capital letter bnegative squared abnegative squared latin capital letter odiamond shape with a dot insidedouble curly loopblack universal recycling symbolariestaurusgeminicancerleovirgolibrascorpiussagittariuscapricornaquariuspiscesophiuchussix pointed star with middle dotautomated teller machinechart with upwards trend and yen signheavy dollar signcurrency exchangecopyright signregistered signtrade mark signcross markdouble exclamation markexclamation question markheavy exclamation mark symbolblack question mark ornamentwhite exclamation mark ornamentwhite question mark ornamentheavy large circletop with upwards arrow aboveend with leftwards arrow aboveback with leftwards arrow aboveon with exclamation mark with left right arrow abovesoon with rightwards arrow aboveclockwise downwards and upwards open circle arrowsclock face twelve oclockclock face twelve-thirtyclock face one oclockclock face one-thirtyclock face two oclockclock face two-thirtyclock face three oclockclock face three-thirtyclock face four oclockclock face four-thirtyclock face five oclockclock face five-thirtyclock face six oclockclock face seven oclockclock face eight oclockclock face nine oclockclock face ten oclockclock face eleven oclockclock face six-thirtyclock face seven-thirtyclock face eight-thirtyclock face nine-thirtyclock face ten-thirtyclock face eleven-thirtyheavy multiplication xheavy plus signheavy minus signheavy division signblack spade suitblack heart suitblack club suitblack diamond suitwhite flowerhundred points symbolheavy check markballot box with checkradio buttonlink symbolcurly loopwavy dashpart alternation marktrident emblemblack medium squarewhite medium squareblack medium small squarewhite medium small squareblack small squarewhite small squareup-pointing red triangleblack square buttonwhite square buttonmedium black circlemedium white circlelarge red circlelarge blue circledown-pointing red trianglewhite large squareblack large squarelarge orange diamondlarge blue diamondsmall orange diamondsmall blue diamond

Letter Symbols

Letter ALetter BLetter CLetter DLetter ELetter FLetter GLetter HLetter ILetter JLetter KLetter LLetter MLetter NLetter OLetter PLetter QLetter RLetter SLetter TLetter ULetter VLetter WLetter XLetter YLetter Zwhite large squareblack small squareheavy exclamation mark symbolblack question mark ornament

Visit this link to use symbol Twitter Symbol

Smiley Animation With CSS3

noreply@blogger.com (you) — Tue, 25 Aug 2015 10:23:00 +0000

Info [K-moe] - Awalnya saya mencoba bereksplorasi dengan CSS. Pertama mencoba membuat lingkaran ternyata berhasil. Kemudian saya coba berpikir untuk membuat animasi smiley menggunakan CSS. Setelah beberapa kali gagal akhirnya berhasil juga. Bagi yang ingin mencobanya.. silahkan ikuti langkah-langkahnya.

Tips Trick CSS membuat Animasi smiley.

1. Pertama untuk membuat nya sobat buat terlebih dahulu struktur HTML seperti dibawah ini.


  <div class="smiley">
  <span class="mata matakiri"></span>
    <span class="mata matakanan"></span>
    <div class="mulut">
      <div class="lesungpipi">
      </div>
      <div class="lesungpipi kanan">
      </div>
      </div>
  </div>

2. Langkah selanjutnya membuat lingkaran dengan menambahkan CSS berikut:


div.smiley {
       margin:50px;
       width: 100px;
       height: 100px;
       position: relative;
       border-radius: 150px;
       -webkit-border-radius: 150px;
       -moz-border-radius: 50px;
       display: block;
       background: #ffe632;
       background: -webkit-gradient(linear, left top, left bottom, from(#fffe8d), to(#f6d23e));
       background: -moz-linear-gradient(top,  #fffe8d,  #f6d23e);
       box-shadow: inset 0px -14px 14px rgba(0, 0, 0, .3), 0px 2px 20px rgba(0, 0, 0, .6);
       -webkit-box-shadow: inset 0px -14px 14px rgba(0, 0, 0, .3), 0px 2px 20px rgba(0, 0, 0, .6);
       -moz-box-shadow: inset 0px -14px 14px rgba(0, 0, 0, .3), 0px 2px 20px rgba(0, 0, 0, .6);
       }

3. Kemudian membuat 2 bola mata dengan kode css seperti ini

span.mata {
 width: 15px;
 height: 25px;
 background: #222;
 border-radius: 100px/160px;
 -webkit-border-radius: 100px 160px;
 -moz-border-radius: 100px/160px;
 position: absolute;
 top: 20px;
 box-shadow: 0 2px 0 rgba(255,255,255, 0.8);
 -webkit-box-shadow: 0 2px 0 rgba(255,255,255, 0.8);
 -moz-box-shadow: 0 2px 0 rgba(255,255,255, 0.8);
 } 
 
span.mata.matakiri {
        left: 60px;
}
  
span.mata.matakanan {
        right: 60px;
}

5. Langkah kelima membuat mulut yang dapat dilakukan dengan menulis kode css seperti di bawah ini


div.mulut{
 width: 50px;
 height: 20px;
 border: 3px solid #222;
 border-top: 0;
 background: rgba(0,0,0,0);
 -moz-border-radius: 0 0 120px 120px / 0 0 90px 90px;
 -webkit-border-radius: 0 0 120px 120px 0 0 90px 90px;
 border-radius: 0 0 120px 120px / 0 0 90px 90px;
 position: absolute;
 bottom: 15px;
 left: 22px;
 box-shadow: 0 2px 0 rgba(255,255,255, 0.8);
 -webkit-box-shadow: 0 2px 0 rgba(255,255,255, 0.8);
 -moz-box-shadow: 0 2px 0 rgba(255,255,255, 0.8);
 }

6. Langkah ke enam membuat lesung pipi

div.lesungpipi {
 width: 3px;
 height: 8px;
 background: #222;
 border-radius: 100px/160px;
 -webkit-border-radius: 100px 160px;
 -moz-border-radius: 100px/160px;
 position: absolute;
 top: -3px;
 -webkit-transform: rotate(65deg);
 -moz-transform: rotate(65deg);
 left: -4px;
 }
 
div.lesungpipi.kanan {
 left: 50px;
 -webkit-transform: rotate(-65deg);
 -moz-transform: rotate(-65deg);  
 }

7. Langkah terakhir menambahkan animasi berputar dan meloncat dengan menambahkan CSS di bawah ini:

div.smiley:hover{
       -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
       -ms-transform: rotate(360deg);
       -o-transform: rotate(360deg);
       transform: rotate(360deg);
       -webkit-animation: a0 .2s infinite alternate .5s;
       -moz-animation: a0 .2s infinite alternate .5s;
       -ms-animation: a0 .2s infinite alternate .5s;
       -o-animation: a0 .2s infinite alternate .5s;
       animation: a0 .2s infinite alternate .5s;
       -webkit-transition: all 2s ease-in-out;
       -moz-transition: all 2s ease-in-out;
       -ms-transition: all 2s ease-in-out;
       -o-transition: all 2s ease-in-out;
       transition: all 2s ease-in-out;}

div.smiley{
       -webkit-animation: bounce .3s ease infinite alternate;}
@-webkit-keyframes bounce {
  100% {
    top: -30px;
    box-shadow: 0 1px 0 #CCC,
                 0 2px 0 #CCC,
                 0 3px 0 #CCC,
                 0 4px 0 #CCC,
                 0 5px 0 #CCC,
                 0 6px 0 #CCC,
                 0 7px 0 #CCC,
                 0 8px 0 #CCC,
                 0 9px 0 #CCC,
                 0 30px 30px rgba(0, 0, 0, .3);
  }
}

Demo

Animasi Smiley

noreply@blogger.com (you) — Tue, 14 Apr 2015 09:25:00 +0000