Are you designing an interface and struggling to find the right icon? Let AI create a custom SVG icon for your needs. Save time and money.

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

AI Icon Maker

Advanced

Black & white only

AI model

Generate privately

Make an SVG of...

System Message

Icon Maker

Generated Icons

Question Answerer

AI Tutor

Essay Writer

AI Chat

Writing Improver

Redraw Image

AI Docs

AI Boards

Fill in the Blanker

Extract Text from Image

Grammar Checker

AI Image Generator

Inpaint

Image Trace

Blog Post Writer

Chat PDF

Code Improver

Image to Prompt

Language Translator

PDF to Text

NSFW Image Maker

Magic Prompt

Remove Background

Fix Hands

Image to Video Maker

Change Photo Background

Cover Letter Writer

Photo Analyzer

Logo Art Generator

Function Writer

Selfie Refiner

Upscale

Photo Object Remover

Outcrop Image

AI Game Generator

Prompt Interpolator

Photo Translator

Code Translator

Infinite Zoom

Video to Video

Portrait Maker

LinkedIn Headshot Maker

Plant Doctor

Website Wizard

Social Media Post Writer

Gmail™ Customer Support Assistant

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 an SVG of a cute panda:

```svg
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  
  <circle cx="100" cy="100" r="80" fill="#FFFFFF" stroke="#000000" stroke-width="2"/>
  
  
  <circle cx="45" cy="45" r="25" fill="#000000"/>
  <circle cx="155" cy="45" r="25" fill="#000000"/>
  
  
  <ellipse cx="70" cy="85" rx="15" ry="20" fill="#000000"/>
  <ellipse cx="130" cy="85" rx="15" ry="20" fill="#000000"/>
  
  
  <circle cx="75" cy="80" r="5" fill="#FFFFFF"/>
  <circle cx="135" cy="80" r="5" fill="#FFFFFF"/>
  
  
  <ellipse cx="100" cy="110" rx="10" ry="7" fill="#000000"/>
  
  
  <path d="M85 125 Q100 140 115 125" fill="none" stroke="#000000" stroke-width="2"/>
</svg>
```

This SVG creates a cute panda face. It includes:

1. A white circular body
2. Black circular ears
3. Large black oval eyes with white highlights
4. A small black oval nose
5. A curved line for the mouth

You can copy this code and save it as a .svg file, then open it in a web browser or image editor to see the result. Feel free to adjust the sizes, positions, or colors to customize the panda's appearance!

a cute animal.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 | AI Tools by Spyce

Make an SVG of...

Recent Tool Uses