CINXE.COM
Convert SVG Icons to Export as Icon Font, SVG, PNG, PDF, Sprite, etc. ❍ IcoMoon App
<!doctype html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <title>Convert SVG Icons to Export as Icon Font, SVG, PNG, PDF, Sprite, etc. ❍ IcoMoon App</title> <meta name="description" content="Easily mange your icons and integrate them in your projects. Browse free icons or import your own SVG icons to export as icon font, SVG, PNG, sprite and more."> <meta name="viewport" content="width=device-width"> <link rel="icon" href="/common/favicon.ico" sizes="any"> <link rel="icon" href="/common/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/common/apple-touch-icon.png"> <link rel="manifest" href="/common/manifest.webmanifest"> <link rel="stylesheet" href="styles/main-VEIGS4LM.css"> <link rel="stylesheet" href="styles/media-queries-PHWHR6S6.css"> </head> <body ng-app="icomoonApp" class="rel"> <svg width="0" height="0" display="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-spinner" viewBox="0 0 1024 1024"> <path class="path1" d="M1024 512c-1.278-66.862-15.784-133.516-42.576-194.462-26.704-61-65.462-116.258-113.042-161.92-47.552-45.696-103.944-81.82-164.984-105.652-61.004-23.924-126.596-35.352-191.398-33.966-64.81 1.282-129.332 15.374-188.334 41.356-59.048 25.896-112.542 63.47-156.734 109.576-44.224 46.082-79.16 100.708-102.186 159.798-23.114 59.062-34.128 122.52-32.746 185.27 1.286 62.76 14.964 125.148 40.134 182.206 25.088 57.1 61.476 108.828 106.11 151.548 44.61 42.754 97.472 76.504 154.614 98.72 57.118 22.304 118.446 32.902 179.142 31.526 60.708-1.29 120.962-14.554 176.076-38.914 55.15-24.282 105.116-59.48 146.366-102.644 41.282-43.14 73.844-94.236 95.254-149.43 13.034-33.458 21.88-68.4 26.542-103.798 1.246 0.072 2.498 0.12 3.762 0.12 35.346 0 64-28.652 64-64 0-1.796-0.094-3.572-0.238-5.332h0.238zM922.306 681.948c-23.472 53.202-57.484 101.4-99.178 141.18-41.67 39.81-91 71.186-144.244 91.79-53.228 20.678-110.29 30.452-166.884 29.082-56.604-1.298-112.596-13.736-163.82-36.474-51.25-22.666-97.684-55.49-135.994-95.712-38.338-40.198-68.528-87.764-88.322-139.058-19.87-51.284-29.228-106.214-27.864-160.756 1.302-54.552 13.328-108.412 35.254-157.69 21.858-49.3 53.498-93.97 92.246-130.81 38.73-36.868 84.53-65.87 133.874-84.856 49.338-19.060 102.136-28.006 154.626-26.644 52.5 1.306 104.228 12.918 151.562 34.034 47.352 21.050 90.256 51.502 125.624 88.782 35.396 37.258 63.21 81.294 81.39 128.688 18.248 47.392 26.782 98.058 25.424 148.496h0.238c-0.144 1.76-0.238 3.536-0.238 5.332 0 33.012 24.992 60.174 57.086 63.624-6.224 34.822-16.53 68.818-30.78 100.992z"></path> </symbol> </defs> </svg> <div class="visuallyhidden"><i class="icon-icomoon"></i></div> <div ng-controller="MsgCtrl" class="ng-cloak overlay" ng-show="message.visible" ng-click="message.hide()"> <div mi-absorb-clicks class="w-text border-box talign-center centered clearfix bgc8 pal mtl-toolbar bshadow-odl rnds"> <div class="mtn mbl" ng-bind-html="message.getMessage()"></div> <button ng-show="!message.secondButton" mi-focus-when="{{message.visible}}" class="btn0" ng-click="message.hide()">Dismiss</button> <button ng-show="message.firstButton" mi-focus-when="{{message.visible && message.firstButton.focused}}" class="btn0 size1of5 m1-size1of3 mrl" ng-click="message.hide(message.firstButton.caption)" ng-bind="message.firstButton.caption"></button> <button ng-show="message.secondButton" mi-focus-when="{{message.visible && message.secondButton.focused}}" class="btn0 size1of5 m1-size1of3 mll" ng-click="message.hide(message.secondButton.caption)" ng-bind="message.secondButton.caption"></button> </div> </div> <!--[if lte IE 9]> <p class="talign-center">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser</a> to use this app.</p> <![endif]--> <!--[if gt IE 9]><!--> <div class="container" ng-view></div> <div ui-view> <div ng-controller="MsgCtrl" class="w-main talign-center fs5 fgc4 ff0"> <div class="iblk ng-cloak fgc2" ng-if="message.getRawMessage()"> <svg width="16" height="16"> <circle cx="8" cy="8" r="7" stroke-width="2" stroke="#ddd" fill="none"></circle> <circle transform="translate(8 8) rotate(-90) translate(-8 -8)" cx="8" cy="8" r="7" stroke-width="2" stroke="currentcolor" stroke-dasharray="0 44 44 0" stroke-dashoffset="-{{message.getRawMessage() * 44}}" fill="none"></circle> </svg> </div> <div class="iblk fgc2" ng-if="!message.getRawMessage()"> <svg class="icon-spinner spinner"><use xlink:href="#icon-spinner"></use></svg> </div> Loading… </div> </div> <script src="components/angular/angular-sha3d71416.min.js"></script> <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> <script src="bower_components/idbwrapper/idbstore.min.js?v1.6.2"></script> <script src="bower_components/file-saver/dist/FileSaver.min.js" async></script> <script src="bower_components/Sortable/Sortable.min.js" async></script> <script src="bundle-I7IPOMX5.js"></script> <!--<![endif]--> </body> </html>