{"id":23514,"date":"2015-02-14T15:34:23","date_gmt":"2015-02-14T13:34:23","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=23514"},"modified":"2015-02-14T15:34:23","modified_gmt":"2015-02-14T13:34:23","slug":"transformicons-animated-icons-symbols-and-buttons-using-svg-and-css","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2015\/02\/14\/transformicons-animated-icons-symbols-and-buttons-using-svg-and-css\/","title":{"rendered":"Transformicons – animated icons, symbols and buttons using SVG and CSS"},"content":{"rendered":"\n

Transformicons<\/a> – animated icons, symbols and buttons using SVG and CSS<\/p>\n\n","protected":false},"excerpt":{"rendered":"\n

Transformicons – animated icons, symbols and buttons using SVG and CSS<\/p>\n\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Transformicons - animated #icons, symbols and buttons using #SVG and #CSS #WebDev #WebDesign","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[68,1157,1330],"keyring_services":[],"class_list":["post-23514","post","type-post","status-publish","format-link","hentry","category-general","category-technology","category-web-work","tag-icons","tag-web-design","tag-web-development","post_format-post-format-link"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":23163,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/12\/15\/evil-icons-lightweight-svg-icons-for-your-web-project\/","url_meta":{"origin":23514,"position":0},"title":"Evil Icons – lightweight SVG icons for your web project","author":"Leonid Mamchenkov","date":"December 15, 2014","format":"link","excerpt":"Evil Icons - lightweight SVG icons for your web project.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"evil icons","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/evil-icons-500x280.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":23316,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/01\/14\/icono-pure-css-icons\/","url_meta":{"origin":23514,"position":1},"title":"icono – pure CSS icons","author":"Leonid Mamchenkov","date":"January 14, 2015","format":"link","excerpt":"icono - pure CSS icons","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22595,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/10\/01\/svg-circus-create-cool-animated-svg-spinners-loaders-and-other-looped-animations-in-seconds\/","url_meta":{"origin":23514,"position":2},"title":"SVG Circus – create cool animated SVG spinners, loaders and other looped animations in seconds","author":"Leonid Mamchenkov","date":"October 1, 2014","format":"link","excerpt":"SVG Circus - create cool animated SVG spinners, loaders and other looped animations in seconds.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9700,"url":"https:\/\/mamchenkov.net\/wordpress\/2005\/11\/24\/daily-del-icio-us-bookmarks\/","url_meta":{"origin":23514,"position":3},"title":"Daily del.icio.us bookmarks","author":"Leonid Mamchenkov","date":"November 24, 2005","format":false,"excerpt":"Shared bookmarks for del.icio.us user tvset on 2005-11-23 Color vision -- Wikipedia entry Tagged as: anatomy arts color people photography vision visual \/\/gtmcknight.com: Steal These Buttons -- All the buttons you ever wanted. In categories with search. Tagged as: buttons icons search web Button Maker :: Adam Kalsey Tagged as:\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":42801,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/07\/12\/termtosvg-record-terminal-sessions-as-svg-animations\/","url_meta":{"origin":23514,"position":4},"title":"termtosvg – record terminal sessions as SVG animations","author":"Leonid Mamchenkov","date":"July 12, 2019","format":false,"excerpt":"termtosvg (GitHub repo) is a handy little tool that makes recording animated sessions in the terminal as simple as humanly possible. Instead of generating heavy graphics or video animations, this tool creates SVG files, which are a lot smaller and easier. There is also a selection of themes to choose\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":25929,"url":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/","url_meta":{"origin":23514,"position":5},"title":"Material Design for Bootstrap","author":"Leonid Mamchenkov","date":"March 4, 2016","format":false,"excerpt":"Twitter Bootstrap + Google Material Design = Material Design for Bootstrap\u00a0: 300+ material UI elements, 1000+ material icons, 74 CSS animations, helpers, templates, SASS files and many more. All fully responsive. All compatible with different browsers. Some components are commercial, but the prices for the PRO version are very affordable:\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/23514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=23514"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/23514\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=23514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=23514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=23514"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=23514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}