Icon & Logo Generator

Create custom icons and logos with shapes, gradients, built-in icons, and text. Export as SVG or PNG.

Logo Templates

Shape

Fill Type

Color 1

Color 2

Gradient Rotation135°

Size200px

Icon

Icon Color

Icon Scale50%

Upload Custom SVG

Text (optional)

html

<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="icon-gradient" x1="85.35533905932738%" y1="14.644660940672622%" x2="14.64466094067263%" y2="85.35533905932738%">
  <stop offset="0%" stop-color="#24292f" />
  <stop offset="100%" stop-color="#24292f" />
</linearGradient>
  </defs>
  <g fill="url(#icon-gradient)">
    <rect x="44" y="44" width="112" height="112" rx="20.16" />
  </g>
  <g transform="translate(50, 50) scale(4.166666666666667)" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z" /><path d="M2 17l10 5 10-5" /><path d="M2 12l10 5 10-5" /></g>
</svg>