ninjacheetah.github.io/products/icons/index.html

---
title: Icons
layout: default
---

<style>
  h1, h2, h3, p {
    font-weight: normal;
    text-align: center;
  }
</style>

<section class="py-5 text-center container">
  <div class="row py-lg-5">
    <div class="col-lg-6 col-md-8 mx-auto">
      <h1 class="fw-light">Custom Icons</h1>
      <p class="lead text-muted">Custom icons made just for your macOS or iOS app. Choose a tier, then contact me to get started.</p>
      <p>
        <a href="#examples" class="btn btn-primary my-2">See examples</a>
        <a href="#pricing" class="btn btn-secondary my-2">See Pricing</a>
      </p>
    </div>
  </div>
</section>
<h2 class="fw-light" id="examples">Examples</h2>
<div class="container pb-5">
  <div class="row">
    <div class="col-sm-4">
      <div class="card">
        <img src="https://cdn.ncxprogramming.com/file/icon/rngtoolraw.png" class="card-img-top" alt="The app's icon.">
        <div class="card-body">
          <h5 class="card-title">RNGTool</h5>
          <h6 class="card-subtitle mb-2 text-muted">Made for myself</h6>
          <p class="card-text">Icon made for and used in my own program, RNGTool.</p>
          <a href="https://github.com/NCX-Programming/RNGTool" class="btn btn-primary">GitHub</a>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="card">
        <img src="/assets/icons/cashcalc.png" class="card-img-top" alt="The app's icon.">
        <div class="card-body">
          <h5 class="card-title">Calculate Cash</h5>
          <h6 class="card-subtitle mb-2 text-muted">Commissioned by Nice Apps</h6>
          <p class="card-text">Icon made for and used in the app "Calculate Cash".</p>
          <a href="https://apps.apple.com/us/app/calculate-cash/id1600571579" class="btn btn-primary">App Store</a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container-fluid pt-5 pb-5">
  <div class="row align-items-center">
    <div class="col">
      <h2 class="fw-light">Icon Exports</h2>
      <p>Once your icon is done, I use the free macOS app "Bakery" to export it. This way, you'll have icons for every slot in Xcode, and they'll all be formatted correctly for each type and resolution. This ensures that no matter what platform you're deploying your app on, you'll have an icon ready to go.</p>
      <p class="text-muted">Check out <a href="https://apps.apple.com/us/app/bakery-simple-icon-creator/id1575220747?mt=12">Bakery</a> on the Mac App Store. Please note that I am not associated with Bakery or it's developer, Good Snooze.</p>
      <p class="text-muted">watchOS-formatted icons are not created by Bakery, but can be provided on request.</p>
    </div>
    <div class="col">
      <img src="/assets/banner/iconstoreexports.png" alt="Image showing a collection of icon formats exported by Bakery." class="img-fluid">
    </div>
  </div>
</div>
<div class="container-fluid pt-5 pb-5">
  <div class="row align-items-center">
    <div class="col">
      <img src="/assets/banner/fileformats.svg" alt="Image showing a collection of icon formats exported by Bakery." class="img-fluid">
    </div>
    <div class="col">
      <h2 class="fw-light">Project Files</h2>
      <p>On top of the Xcode-ready exports, I'll provide you with all of the project files used to create your icon. These include the Vectornator project file, a PNG of the raw icon file, and an SVG of the raw icon file (if possible).</p>
      <p class="text-muted">Check out <a href="https://apps.apple.com/us/app/bakery-simple-icon-creator/id1575220747?mt=12">Vectornator</a> on the Mac App Store. Please note that I am not associated with Vectornator or it's developer, Linearity GmbH.</p>
    </div>
  </div>
</div>
<div class="container py-3 pt-5 pb-5" id="pricing">
  <h2 class="fw-light">Pricing</h2>
  <div>
    <div class="row row-cols-1 row-cols-md-3 mb-3 text-center">
      <div class="col">
        <div class="card mb-4 rounded-3 shadow-sm">
          <div class="card-header py-3">
            <h4 class="my-0 fw-normal">Simple</h4>
          </div>
          <div class="card-body">
            <h1 class="card-title pricing-card-title">$5</h1>
            <p class="mt-3 mb-4">This tier is for very simple icons that will be quick to make. I recommend that you have a final design already nailed down.</p>
            <button type="button" class="w-100 btn btn-lg btn-outline-primary" onclick="window.location.href='https://docs.google.com/forms/d/e/1FAIpQLSedPDA8zuAR7vmuCU3kDDaJ7H2ay0bIgdGE0fLJ_oTDiq6CZQ/viewform?usp=sf_link';">Get started</button>
          </div>
        </div>
      </div>
      <div class="col">
        <div class="card mb-4 rounded-3 shadow-sm border-primary">
          <div class="card-header py-3 text-white bg-primary border-primary">
            <h4 class="my-0 fw-normal">Standard</h4>
          </div>
          <div class="card-body">
            <h1 class="card-title pricing-card-title">$15</h1>
            <p class="mt-3 mb-4">This tier is for standard complexity icons. If you're unsure what you need, this is probably it. I recommend that you have an idea ready ahead of time.</p>
            <button type="button" class="w-100 btn btn-lg btn-primary" onclick="window.location.href='https://docs.google.com/forms/d/e/1FAIpQLSedPDA8zuAR7vmuCU3kDDaJ7H2ay0bIgdGE0fLJ_oTDiq6CZQ/viewform?usp=sf_link';">Get started</button>
          </div>
        </div>
      </div>
      <div class="col">
        <div class="card mb-4 rounded-3 shadow-sm">
          <div class="card-header py-3">
            <h4 class="my-0 fw-normal">Complex</h4>
          </div>
          <div class="card-body">
            <h1 class="card-title pricing-card-title">$25</h1>
            <p class="mt-3 mb-4">This tier is for really complex icons. This is also the pricing for if you're still in the brainstorming phase and need some help creating your design.</p>
            <button type="button" class="w-100 btn btn-lg btn-primary" onclick="window.location.href='https://docs.google.com/forms/d/e/1FAIpQLSedPDA8zuAR7vmuCU3kDDaJ7H2ay0bIgdGE0fLJ_oTDiq6CZQ/viewform?usp=sf_link';">Get started</button>
          </div>
        </div>
      </div>
    </div>
    <p>Unsure? Feel free to reach out and we'll figure out what works best for you.</p>
    <p class="text-muted">No matter what you're paying, you'll get the same set of images exported at the same quality.</p>
  </div>
</div>
<h2 class="fw-light">Important: Payment Policies</h2>
<p>Once we're in touch, I have to evalute what you're looking for, to tell you if you're within the price tier that you've selected. If not, then we can discuss switching tiers or revising your designs. If neither of those options work for you, just let me know! I'm happy to try and find a price point that works for you, so that you can have an icon.</p>
<p>Also note that I don't do payments upfront. If you never end up liking my desgins, then it'll cost you nothing. Please be aware that I watermark all designs until you've paid, to protect myself against people who might try to get away without paying by using a sample design.</p>
<hr>
<p>This page is still a work in progress, because I'm good at icon design not web design.</p>
<p>Direct Contact Info</p>
<p>Discord: @NinjaCheetah#2861, or send an email to <a href="mailto:ninjacheetah@ncxprogramming.com">ninjacheetah@ncxprogramming.com</a>.