Let AI create a custom SVG icon for your needs in seconds.

Powered by a state-of-the-art AI models

AI Icon Maker

Advanced

Black & white only

Height (px)

AI model

Best

Affordable

Smart

Generate privately

Make an SVG of...

System Message

Width (px)

Icon Maker

Generated Icons

Question Answerer

AI Researcher

Essay Writer

AI Chat

Writing Improver

Redraw Image

Paraphraser

Fill in the Blanker

AI Docs

AI Boards

Image Trace

AI Tutor

Extract Text from Image

Photo Analyzer

Grammar Checker

Text Summarizer

AI Image Generator

Inpaint

Image to Prompt

Test Generator

Chat PDF

Fix Hands

Lesson Generator

Language Translator

PDF to Text

Code Improver

Blog Post Writer

Magic Prompt

Remove Background

AI Game Generator

Image to Video Maker

Change Photo Background

Fast Inbox

Email Writer

Logo Art Generator

Upscale

Cover Letter Writer

Photo Translator

Function Writer

Photo Object Remover

Selfie Refiner

Website Wizard

Outcrop Image

Product Requirements Document Writer

Code Translator

Prompt Interpolator

Infinite Zoom

Code Generator

Essay Grader

Social Media Post Writer

Video to Video

Plant Doctor

Design to Code

Portrait Maker

LinkedIn Headshot Maker

Gmail™ Reply Writer Add-on

Video Ad Maker

Part of Speech Identifier

Syllable Counter

PDF to JPG

Here's an SVG code for a simple settings icon:

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>
</svg>
```

This SVG creates a gear-like settings icon. Here's a breakdown of what this code does:

1. The `<svg>` tag sets up the SVG canvas with a width and height of 24 units and a viewBox of 0 0 24 24.

2. The `<path>` element defines the shape of the icon. The `d` attribute contains the path data that draws the icon.

3. The path data creates a gear-like shape with a central circle, representing a typical settings or options icon.

You can adjust the size by changing the `width` and `height` attributes of the `<svg>` tag. You can also modify the color by adding a `fill` attribute to the `<path>` element, like this:

```svg
<path fill="#000000" d="M19.14 12.94c.04-.3..."/>
```

This will make the icon black. Replace `#000000` with any color code you prefer.

a settings icon.svg

Here's a 24x24 pixel black and white SVG representing an essay grader:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <rect x="3" y="3" width="18" height="18" fill="white" stroke="black" stroke-width="2"/>
  <line x1="6" y1="8" x2="18" y2="8" stroke="black" stroke-width="2"/>
  <line x1="6" y1="12" x2="18" y2="12" stroke="black" stroke-width="2"/>
  <line x1="6" y1="16" x2="14" y2="16" stroke="black" stroke-width="2"/>
  <circle cx="19" cy="19" r="3" fill="none" stroke="black" stroke-width="2"/>
  <line x1="17.5" y1="17.5" x2="20.5" y2="20.5" stroke="black" stroke-width="2"/>
</svg>

This SVG image depicts:
1. A rectangular paper or document (the main rectangle)
2. Three horizontal lines representing text or content
3. A magnifying glass in the bottom right corner, suggesting scrutiny or grading

The image is designed to be simple and recognizable at a small 24x24 pixel size, using only black and white colors.

essay grader.svg

Here's an SVG code for a simple cactus:

<svg width="200" height="300" xmlns="http://www.w3.org/2000/svg">
  
  <path d="M80 280 Q80 100 100 80 Q120 60 120 280" fill="#2ecc71"/>
  
  
  <path d="M80 200 Q60 180 60 150 Q60 120 80 100" fill="#2ecc71"/>
  
  
  <path d="M120 220 Q140 200 140 170 Q140 140 120 120" fill="#2ecc71"/>
  
  
  <g stroke="#7f8c8d" stroke-width="2">
    <line x1="90" y1="100" x2="80" y2="90"/>
    <line x1="110" y1="130" x2="120" y2="120"/>
    <line x1="70" y1="160" x2="60" y2="150"/>
    <line x1="130" y1="190" x2="140" y2="180"/>
    <line x1="90" y1="220" x2="80" y2="210"/>
    <line x1="110" y1="250" x2="120" y2="240"/>
  </g>
  
  
  <path d="M60 280 L70 300 L130 300 L140 280 Z" fill="#e67e22"/>
</svg>

This SVG creates a simple green cactus with two arms, some spines, and a brown pot. The cactus is 200 pixels wide and 300 pixels tall. You can adjust the size, colors, and details as needed.

To use this SVG, you can save it as a .svg file and open it in a web browser or include it directly in an HTML file. You can also modify the width and height attributes of the svg element to change the overall size of the image.

a cactus.svg

Here's an SVG of a right chevron icon, designed to fit within a 24px by 24px area:

```svg
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  <path d="M9 6L15 12L9 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
</svg>
```

This SVG creates a simple right chevron (>) icon with the following characteristics:

1. The SVG canvas is set to 24x24 pixels.
2. The chevron is drawn using a single path element.
3. The stroke color is set to "currentColor", which allows the icon color to inherit from its parent element's text color.
4. The stroke width is 2 pixels for good visibility.
5. Rounded line caps and joins are used for a smoother appearance.
6. The path is not filled, only stroked.

You can use this SVG inline in your HTML or save it as a separate .svg file and reference it in your project. The icon will scale smoothly and can be easily styled using CSS.

right chevron icon, max 24px by 24px.svg

Here's a simple SVG code for a black and white stock price predictor icon, sized 24x24 pixels:

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <rect width="24" height="24" fill="white"/>
  <path d="M2 20h20v-2H2v2zm2-8h2v4H4v-4zm4 0h2v4H8v-4zm4-4h2v8h-2V8zm4 4h2v4h-2v-4zm4-8h2v12h-2V4z" fill="black"/>
  <path d="M3 3l6 6 4-4 8 8" stroke="black" stroke-width="2" fill="none"/>
  <circle cx="21" cy="3" r="2" fill="black"/>
</svg>
```

This SVG creates a simple stock price predictor icon with the following elements:

1. A white background (24x24 pixels)
2. A bar chart representing stock data
3. An upward trending line graph
4. A circle at the top-right corner, suggesting a prediction or target

The icon is designed in black and white for simplicity and clarity. You can adjust the colors or add more details if needed by modifying the SVG code.

a stock price predictor icon, 24px by 24px.svg

AI Icon Maker API

AI Icon Maker

Make an SVG of...

Width (px)

Height (px)

AI model

AI Icon Maker API

JavaScript Code

Your API Key

Support

AI Icon Maker API

JavaScript Code

Your API Key

Support