---
title: PowerPoint-to-SVG Hack for Storyline 3/360
description: Learn how to easily turn PowerPoint graphics into SVG files for use in Storyline and Storyline 360. eLearning developers will love this quick and easy hack.
image: https://blog.elblearning.com/hubfs/Image%20Editing%20How%20To-%20From%20PowerPoint%20to%20SVG%20to%20Storyline_Blog%20Featured%20Image%20800x500.png
---

[![ELB-Learning_Logo_ColorRGB-white-text-1](https://blog.elblearning.com/hubfs/ELB-Learning_Logo_ColorRGB-white-text-1.png) ](https://elblearning.com/)

![Image Editing How To- From PowerPoint to SVG to Storyline_Blog Featured Image 800x500](https://blog.elblearning.com/hubfs/Image%20Editing%20How%20To-%20From%20PowerPoint%20to%20SVG%20to%20Storyline_Blog%20Featured%20Image%20800x500.png)

# PowerPoint-to-SVG Hack for Storyline 3/360

 by [Bill Milstid](https://blog.elblearning.com/author/bill-milstid) | Dec 19, 2019

 

![Image Editing How To- From PowerPoint to SVG to Storyline_Email Graphic](https://blog.elblearning.com/hubfs/Image%20Editing%20How%20To-%20From%20PowerPoint%20to%20SVG%20to%20Storyline_Email%20Graphic.png)

Did you know you can use fully-editable custom vectors—like icons, buttons, and shapes—in Storyline?

You can.

You just need to:

1. Create and export them as an EMF from a graphics editing tool like Illustrator
2. Then import them into Storyline
3. Then break them apart
4. And THEN you can use them (finally!)

If you're getting vectors from a stock resource, they'll most likely be SVGs, in which case you'll still need to do ALL those things I just mentioned in order to get your vectors into Storyline.

## Or, you can skip some of those steps (and the need for a vector-editing program entirely!!!) and use the nifty little hack that we use.

With every [Course Starter](https://elearningbrothers.com/elearning-templates/), we include a PowerPoint file in the Graphic Source Files download.

![graphicSourceFiles](https://blog.elblearning.com/hubfs/graphicSourceFiles.gif)

This PPTx includes all the vector assets we use in that style of Course Starter.

![PPT_vectors](https://blog.elblearning.com/hubfs/PPT_vectors.gif)

## That PowerPoint file also acts as a handy middle-man to get those assets into the tool more easily.

See, if you open that PowerPoint file and navigate to the asset you'd like to import into Storyline 3/360, you can simply highlight, then copy and paste directly to the destination slide.

![copyFromPPT](https://blog.elblearning.com/hubfs/copyFromPPT.png)

When you do, you'll see it's been brought over as a raster graphic (note the highlighted image icon in the timeline: "Picture 1").

![flatPasteToSL](https://blog.elblearning.com/hubfs/flatPasteToSL.png)

If you highlight it, then press Shift + Control + G on your keyboard (or right-click and select Group > Ungroup), you'll notice that flat graphic gets broken into one or more freeform shapes.

![breakEMFinSL](https://blog.elblearning.com/hubfs/breakEMFinSL.gif)

## These freeform shapes can be edited individually—change color, add or remove a stroke, or scale to your heart's content.

![formatSVGinSL](https://blog.elblearning.com/hubfs/formatSVGinSL.gif)

## You can use this same trick to use vectors from our ever-expanding library too!

Don't like one of the icons we're using in a Course Starter, or maybe just want to add something more reflective of your custom content?

Download a vector asset from eLearning Brothers, then import into PPT directly.

After that, copy, paste, and ungroup just like above.

Bingo bango!

And, to top it off, if you follow good working practices in Storyline and use theme-based colors for all your edits, you'll notice your icons update to match your new style in case you ever switch design themes!

## Log into your account now, or sign up for [free 7-day trial](https://elearningbrothers.com/elearning-asset-library/trial-signup) to start playing around with this trick!

[![Free Trial](https://no-cache.hubspot.com/cta/default/5108583/e83b2b24-faec-4b25-ae34-88a4978db4d0.png)](https://cta-redirect.hubspot.com/cta/redirect/5108583/e83b2b24-faec-4b25-ae34-88a4978db4d0)

[eLearning-](https://blog.elblearning.com/tag/elearning), [asset library-](https://blog.elblearning.com/tag/asset-library), [graphic design-](https://blog.elblearning.com/tag/graphic-design), [Articulate Storyline Resources-](https://blog.elblearning.com/tag/articulate-storyline), [Graphic Design Resources-](https://blog.elblearning.com/tag/graphic-design-tips)

### Related Posts

[![Smarter Image Creation with AI](https://blog.elblearning.com/hs-fs/hubfs/Using%20AI%20for%20Images_Blog%20Featured%20Image%20800x500.png?width=388&name=Using%20AI%20for%20Images_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/smarter-image-creation-with-ai)

[Smarter Image Creation with AI](https://blog.elblearning.com/smarter-image-creation-with-ai)

[![Improving L&D with AI Work Augmentation](https://blog.elblearning.com/hs-fs/hubfs/Improving%20L%26D%20with%20AI%20Work%20Augmentation_Blog%20Featured%20Image%20800x500.png?width=388&name=Improving%20L&D%20with%20AI%20Work%20Augmentation_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/improving-ld-with-ai-work-augmentation)

[Improving L&D with AI Work Augmentation](https://blog.elblearning.com/improving-ld-with-ai-work-augmentation)

[![A Brief History of Instructional Design](https://blog.elblearning.com/hs-fs/hubfs/A%20Brief%20History%20of%20Instructional%20Design_Blog%20Featured%20Image%20800x500.png?width=388&name=A%20Brief%20History%20of%20Instructional%20Design_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/a-brief-history-of-instructional-design)

[A Brief History of Instructional Design](https://blog.elblearning.com/a-brief-history-of-instructional-design)

[![You'll Treasure This New Lectora Game Template](https://blog.elblearning.com/hs-fs/hubfs/Youll%20Treasure%20This%20New%20Lectora%20Game%20Template_Blog%20Featured%20Image%20800x500.png?width=388&name=Youll%20Treasure%20This%20New%20Lectora%20Game%20Template_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/youll-treasure-this-new-lectora-game-template)

[You'll Treasure This New Lectora Game Template](https://blog.elblearning.com/youll-treasure-this-new-lectora-game-template)

[![eLearning Brothers Is Now ELB Learning](https://blog.elblearning.com/hs-fs/hubfs/eLearning%20Brothers%20Is%20Now%20ELB%20Learning_Blog%20Featured%20Image%20800x500.png?width=388&name=eLearning%20Brothers%20Is%20Now%20ELB%20Learning_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/elearning-brothers-is-now-elb-learning)

[eLearning Brothers Is Now ELB Learning](https://blog.elblearning.com/elearning-brothers-is-now-elb-learning)

[![It's About Time...Saving! Introducing New User Interface Kits for Lectora](https://blog.elblearning.com/hs-fs/hubfs/It_s%20About%20Time...Saving!_Blog%20Featured%20Image%20800x500.png?width=388&name=It_s%20About%20Time...Saving!_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/its-about-time...saving-introducing-new-ui-kits-for-lectora)

[It's About Time...Saving! Introducing New User Interface Kits for Lectora](https://blog.elblearning.com/its-about-time...saving-introducing-new-ui-kits-for-lectora)

- [**
  
  Facebook
  
  
  
  ](http://www.facebook.com/sharer.php?u=https://blog.elblearning.com/powerpoint-to-svg-hack-for-storyline-3/360%2F&t=PowerPoint-to-SVG%20Hack%20for%20Storyline%203/360)
- [**
  
  Twitter
  
  
  
  ](http://twitter.com/share?text=PowerPoint-to-SVG%20Hack%20for%20Storyline%203/360&url=https://blog.elblearning.com/powerpoint-to-svg-hack-for-storyline-3/360)
- [**
  
  Pinterest
  
  
  
  ](http://pinterest.com/pin/create/button/?url=https://blog.elblearning.com/powerpoint-to-svg-hack-for-storyline-3/360&media=https://cdn2.hubspot.net/hubfs/5108583/Image%20Editing%20How%20To-%20From%20PowerPoint%20to%20SVG%20to%20Storyline_Blog%20Featured%20Image%20800x500.png&description=PowerPoint-to-SVG%20Hack%20for%20Storyline%203/360)
- [**
  
  LinkedIn
  
  
  
  ](http://www.linkedin.com/shareArticle?mini=true&url=https://blog.elblearning.com/powerpoint-to-svg-hack-for-storyline-3/360%2F&title=PowerPoint-to-SVG%20Hack%20for%20Storyline%203/360)
- [**
  
  Gmail
  
  
  
  ](https://mail.google.com/mail/u/0/?view=cm&fs=1&su=PowerPoint-to-SVG%20Hack%20for%20Storyline%203/360&body=https://blog.elblearning.com/powerpoint-to-svg-hack-for-storyline-3/360%2F&ui=2&tf=1)
- [**
  
  reddit
  
  
  
  ](http://www.reddit.com/submit?url=https://blog.elblearning.com/powerpoint-to-svg-hack-for-storyline-3/360%2F&title=PowerPoint-to-SVG%20Hack%20for%20Storyline%203/360)

© 2025 ELB Learning. All rights reserved.  | [ Terms of Use](https://www.elblearning.com/legal/terms-of-use)  |  [Privacy Policy ](https://www.elblearning.com/legal/privacy-policy)|  [Legal Notices](https://www.elblearning.com/legal/legal-notices)