
Drag and drop the SVG image onto the canvas. To do this, I simply took a screenshot of my actual menubar and set the PaintCode canvas image to that screenshot and changed the dimensions of the canvas to match the dimensions of the screenshot as shown below. Open PaintCode and create a new document by choosing New from the File menu. To start this project, I decided to customize the PaintCode canvas to better reflect the final location of my icon. This app lets you drag files to the menubar icon to delete them, thus the icon needs to be a little trash can. So I decided to make a menubar icon for a non-existent app. PathMenuItem (image: StyleKit.

This way, you can then simply obtain image of this canvas and use it in the menu item. This canvas will then generate imageOfCanvas.
SVG TO PAINTCODE CODE
Select the type you can choose both at once. In PaintCode document, select canvas and in Inspector, select StyleKit Image Method from dropdown menu in Code Export section. You can create Inline and Linked sprites. You can upload documents from your drive or a ZIP archive. I thought the best way to give you an overview of PaintCode would be to come up with a sample project that I could walk you through. Click inside the file drop area to upload SVG files or drag & drop SVGs. In PaintCode document, select canvas and in Inspector, select StyleKit Image Method from dropdown menu in Code Export section. SVG Encoder / Converter A simple tool to convert an SVG into different formats, ready for use in CSS and HTML. The app is versatile and the uses are limited only by your imagination. SVG URI-Encoder and Base64 Converter Tool.

It supports numerous object shapes and custom bezier paths, as well as detailed color options including linear and radial gradients.
SVG TO PAINTCODE FULL
PaintCode is full of tools that blend together the look and feel of traditional vector drawing apps while including customizable fields you would more commonly see in Apple’s Interface Builder. However, it is up to you to get your money’s worth out of the app. Make sure the shape (here the blue cloud) fits inside the canvas (the white zone).

The normal selling price of $99.99 (currently $19.99 via MacHeist) is a big pill to swallow for the average user but for a professional iOS/OS X developer it is merely a business investment. Import the SVG file and clip it around the canvas. PaintCode is a professional quality app and the price tag is a reflection of that fact. It is a unique Mac app capable of turning your vector graphic design into pure Objective-C code. If you are active in the Apple developer community, you are probably already familiar with PaintCode.
