Title: Elementor Inline SVG
Author: Namogo
Published: <strong>Igbe 6, 2017</strong>
Last modified: Ọ̀pẹ  22, 2017

---

Ṣàwárí àwọn plugin

![](https://s.w.org/plugins/geopattern-icon/inline-svg-elementor_941c5d.svg)

# inline-svg-elementor

 Láti ọwọ́ [Namogo](https://profiles.wordpress.org/namogo/)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/inline-svg-elementor/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/inline-svg-elementor/#reviews)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/inline-svg-elementor/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/inline-svg-elementor/)

## Àpèjúwe

A ti ti plugin yìí ní Ọ̀wàrà 8, 2024, kò sì sí fún ìgbàsílẹ̀. Ìdí: Ọ̀ràn àbò.

## Àwọn àgbéyẹ̀wò

![](https://secure.gravatar.com/avatar/64706c7e5188ab1b516b3a13caa4eb4d8d9df6b84598f7c2727b49b65898c0dc?
s=60&d=retro&r=g)

### 󠀁[Not Work in last Elemento 3.6.6](https://wordpress.org/support/topic/not-work-in-last-elemento-3-6-6/)󠁿

 [ofmarconi](https://profiles.wordpress.org/ofmarconi/) Agẹmọ 7, 2022

The edit screen is frozen and never finishes loading. Elementor PRO + Crocoblock

![](https://secure.gravatar.com/avatar/6086bebdb4bcbdbb9fff2ed34ef3ca084e39dc9402c9e6c1088ef1680870e85d?
s=60&d=retro&r=g)

### 󠀁[Works as expected](https://wordpress.org/support/topic/works-as-expected-417/)󠁿

 [breilid](https://profiles.wordpress.org/breilid/) Bélú 30, 2018

Works like a charm

![](https://secure.gravatar.com/avatar/d4579094ad7a15bdbe2aff628b12cef3af49aa267063b995da23c8dee2889cba?
s=60&d=retro&r=g)

### 󠀁[Exactly what I needed.](https://wordpress.org/support/topic/exactly-what-i-needed-524/)󠁿

 [dashard](https://profiles.wordpress.org/dashard/) Èbìbí 25, 2018

Export from Illustrator (don't "Save As…", export to SVG) and bring it into WP. 
Edit your template with Elementor and choose the "Inline SVG" widget. Choose to 
override colors, or to add a hover color, etc. No step 4.

![](https://secure.gravatar.com/avatar/9d9cfb8dfc1845f7e1feb8cfdeef47a3e5be6cf784008f75cb61f62488f1cd96?
s=60&d=retro&r=g)

### 󠀁[Great Stuff!](https://wordpress.org/support/topic/great-stuff-219/)󠁿

 [Cr3ativ](https://profiles.wordpress.org/cr3ativ/) Èrèlé 10, 2018

Not sure why others haven't been able to get this to work as it was a flawless experience
for me. I did also install Safe SVG as recommended by another reviewer as it's also
an excellent plugin. Would be nice for this plugin to include what Safe SVG does
so you just have the one plugin, but that's being a little picky 🙂 All-in-all it
does exactly what you want without fuss. Couldn't be happier and many thanks to 
the author for creating this and spending their time on it.

![](https://secure.gravatar.com/avatar/e86054f8af05794e5017f5df457a22e42b70631be8b262e5a1b64a71da078201?
s=60&d=retro&r=g)

### 󠀁[Marvellous Tool](https://wordpress.org/support/topic/marvellous-tool/)󠁿

 [Theunis Coetzee](https://profiles.wordpress.org/ipokkel/) Ṣẹrẹ 4, 2018

Using latest Elementor Pro together with the Astra theme and Elementor Inline SVG
allows me to easily add and style vector graphics helping towards site speed and
responsiveness. This will definitely be an essential tool for every site when using
Elementor Builder.

![](https://secure.gravatar.com/avatar/5524e79415c314a93dc343a1c9ca714f7a064032790190093c8f27b86d579fe5?
s=60&d=retro&r=g)

### 󠀁[Did exactly what I needed it to do](https://wordpress.org/support/topic/did-exactly-what-i-needed-it-to-do-2/)󠁿

 [koerton](https://profiles.wordpress.org/koerton/) Bélú 28, 2017

A couple of comments to address previous reviewers who couldn't get it to work: 
1) Make sure that you know how to work with svg files. You may need to edit your
svg's in Adobe Illustrator (or another vector program) so that the actual vector
drawing covers most of the artboard (i.e. touches top/bottom if portrait svg or 
left/right if landscape svg). I use this plugin to display vector icons and standardized
my artboard size to be 50px x 50px (widthxheight) with (x, y) set to (25px, -25px).
That way, when I select the icon from the WP media library, using this widget, I
can apply the same styling (notably sizing/width and padding) across all of my icons.
See https://graphicdesign.stackexchange.com/questions/12904/how-to-change-artboard-
size-in-ai-cs6 2) The vector image will not be viewable within the Elementor editor.
You need to view the page.

 [ Ka gbogbo àwọn àgbéyẹ̀wò 10 ](https://wordpress.org/support/plugin/inline-svg-elementor/reviews/)

## Àwọn Olùkópa & Olùgbéejáde

“Elementor Inline SVG” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti 
ṣe ìkópa sí plugin yìí.

Àwọn Olùkópa

 *   [ Namogo ](https://profiles.wordpress.org/namogo/)

[Túmọ̀ “Elementor Inline SVG” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/inline-svg-elementor)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/inline-svg-elementor/),
ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/inline-svg-elementor/),
tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/inline-svg-elementor/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/inline-svg-elementor/?limit=100&mode=stop_on_copy&format=rss).

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.2.0**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **ọdún 9 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **Kò sí**
 *  Ẹ̀yà WordPress ** 4.5 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **4.8.32**
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/inline-svg-elementor/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/inline-svg-elementor/advanced/)