Icon guides
How to put icons to work in the tools you already use: which format to download, how to recolor, how to keep a set consistent, and the IconHub tools that save the manual steps.
Icons in PowerPoint
Insert SVG icons that stay sharp and recolor in a click.
Read the guideIcons in Google Slides
The PNG route that works, and how to recolor without an app.
Read the guideIcons in Canva
Upload SVGs, recolor them in Canva and match your brand kit.
Read the guideIcons in Figma
Paste SVGs, make components and keep strokes consistent.
Read the guideIcons in Word
Insert SVG icons in Word, wrap text and print sharp.
Read the guideIcons in HTML and CSS
Inline SVG, img tags, sprites and data URIs: when to use which.
Read the guideIcons in React
Components, currentColor, sizing props and bundle size.
Read the guide
More free tools
Convert, optimize and package icons right in your browser. Nothing is uploaded.
- SVG to PNGSharp PNGs at any size, one file or hundreds.Open tool
- PNG to SVGTrace a PNG or JPG into a clean vector.Open tool
- PNG to ICOFavicon .ico files with 16 to 256 px inside.Open tool
- Favicon & app iconsWebsite, Chrome, iOS and Android sets.Open tool
- SVG to ReactTyped JSX components, ready to paste.Open tool
- SVG optimizerSmaller SVG files with nothing visible lost.Open tool
- SVG spriteMany icons in one sprite.svg file.Open tool
- Sticker makerWhatsApp and Telegram sticker files.Open tool
- Icon animatorAnimated SVG, Lottie, GIF, Telegram stickers.Open tool
- SVG to JPGFlat JPG images at any size.Open tool
- SVG to WebPSmall WebP images from vectors.Open tool
- PNG to WebPShrink pictures for the web.Open tool
- PNG to JPGSmaller photos, white or colored background.Open tool
- JPG to PNGLossless PNG from photos.Open tool
- WebP to PNGPNG files that open anywhere.Open tool
- ICO to PNGPull the icon out of a favicon.Open tool
- JPG to SVGTrace photos and logos into vectors.Open tool
- SVG to VueSingle-file components with a size prop.Open tool
- SVG to SvelteSvelte components with a size prop.Open tool
- SVG to React Nativereact-native-svg components, typed.Open tool
- SVG to data URIInline SVG for CSS and img tags.Open tool
- SVG to PDFVector PDFs that print sharp.Open tool
- PNG to PDFOne picture per page, A4 or Letter.Open tool
- JPG to PDFPhotos as PDF pages, sized to print.Open tool
- Lottie to GIFAnimated GIFs from .json or .lottie files.Open tool
- Text to faviconInitials as a favicon.ico and app icons.Open tool
- Emoji to faviconAny emoji as a favicon in one click.Open tool