SVG Compatibility

You can import SVG files straight into Flow. When doing so, please keep in mind that Flow does not support the full SVG specification.

Our aim is to import the layout / design structure of the svg file. Flow does not import any animation information or advanced styling code from svg files.

The goal for this feature is to crack open the door for importing from tools other than Sketch – e.g. Illustrator, XD, Affinity Designer, Figma – or from UI Kits (like you might find on UI8.net) that have been exported as a series of SVG files.



LEGEND

Fully supported, planned, etc.
Partially supported, planned, etc.

Elements

Animation

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
animate    
animateColor    
animateMotion    
animateTransform    
discard    
mpath    
set    

Containers

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
a    
defs    
g    
marker    
mask    
missing-glyph    
pattern    
svg    
switch    
symbol    
unknown    

Descriptive

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
desc    
metadata    
title    

Filter Primitive

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
feBlend    
feColorMatrix    
feComponentTransfer    
feComposite    
feConvolveMatrix    
feDiffuseLighting    
feDisplacementMap    
feDropShadow    
feFlood    
feFuncA    
feFuncB    
feFuncG    
feFuncR    
feGaussianBlur    
feImage    
feMerge    
feMergeNode    
feMorphology    
feOffset    
feSpecularLighting    
feTile    
feTurbulence    

Font

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
font-face    
font-face-format    
font-face-name    
font-face-src    
font-face-uri    
hkern    
vkern    

Gradient

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
linearGradient    
meshgradient    
radialGradient    
stop    

Light Source

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
feDistantLight    
fePointLight    
feSpotLight    

Paint Server

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
hatch    
linearGradient    
meshgradient    
pattern    
radialGradient    
solidcolor    

Shape

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
circle    
ellipse    
line    
mesh    
path    
polygon    
polyline    
rect    

Structural

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
defs    
g    
svg    
symbol    
use    

Text Content

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
altGlyph    
altGlyphDef    
altGlyphItem    
glyph    
glyphRef    
textPath    
text    
tref    
tspan    

Uncategorized

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
clipPath    
color-profile    
cursor    
filter    
foreignObject    
hatchpath    
meshpatch    
meshrow    
script    
style    
view    

Attributes

A

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
accent-height    
accumulate    
additive    
alignment-baseline    
allowReorder    
alphabetic    
amplitude    
arabic-form    
ascent    
attributeName    
attributeType    
autoReverse    
azimuth    

B

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
baseFrequency    
baseline-shift    
baseProfile    
bbox    
begin    
bias    
by    

C

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
calcMode    
cap-height    
class    
clip    
clipPathUnits    
clip-path    
clip-rule    
color    
color-interpolation    
color-interpolation-filters    
color-profile    
color-rendering    
contentScriptType    
contentStyleType    
cursor    
cx    
cy    

D

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
d    
decelerate    
descent    
diffuseConstant    
direction    
display    
divisor    
dominant-baseline    
dur    
dx    
dy    

E

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
edgeMode    
elevation    
enable-background    
end    
exponent    
externalResourcesRequired    

F

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
fill    
fill-opacity    
fill-rule    
filter    
filterRes    
filterUnits    
flood-color    
flood-opacity    
font-family    
font-size    
font-size-adjust    
font-stretch    
font-style    
font-variant    
font-weight    
format    
from    
fr    
fx    
fy    

G

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
g1    
g2    
glyph-name    
glyph-orientation-horizontal    
glyph-orientation-vertical    
glyphRef    
gradientTransform    
gradientUnits    

H

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
hanging    
height    
href    
hreflang    
horiz-adv-x    
horiz-origin-x    

I

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
id    
ideographic    
image-rendering    
in    
in2    
intercept    

K

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
k    
k1    
k2    
k3    
k4    
kernelMatrix    
kernelUnitLength    
kerning    
keyPoints    
keySplines    
keyTimes    

L

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
lang    
lengthAdjust    
letter-spacing    
lighting-color    
limitingConeAngle    
local    

M

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
marker-end    
marker-mid    
marker-start    
markerHeight    
markerUnits    
markerWidth    
mask    
maskContentUnits    
maskUnits    
mathematical    
max    
media    
method    
min    
mode    

N

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
`name      
numOctaves    

O

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
offset    
opacity    
operator    
order    
orient    
orientation    
origin    
overflow    
overline-position    
overline-thickness    

P

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
panose-1    
paint-order    
path    
pathLength    
patternContentUnits    
patternTransform    
patternUnits    
ping    
pointer-events    
points    
pointsAtX    
pointsAtY    
pointsAtZ    
preserveAlpha    
preserveAspectRatio    
primitiveUnits    

R

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
r    
radius    
referrerPolicy    
refX    
refY    
rel    
rendering-intent    
repeatCount    
repeatDur    
requiredExtensions    
requiredFeatures    
restart    
result    
rotate    
rx    
ry    

S

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
scale    
seed    
shape-rendering    
slope    
spacing    
specularConstant    
specularExponent    
speed    
spreadMethod    
startOffset    
stdDeviation    
stemh    
stemv    
stitchTiles    
stop-color    
stop-opacity    
strikethrough-position    
strikethrough-thickness    
string    
stroke    
stroke-dasharray    
stroke-dashoffset    
stroke-linecap    
stroke-linejoin    
stroke-miterlimit    
stroke-opacity    
stroke-width    
style    
surfaceScale    
systemLanguage    

T

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
tabindex    
tableValues    
target    
targetX    
targetY    
text-anchor    
text-decoration    
text-rendering    
textLength    
to    
transform    
type    

U

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
u1    
u2    
underline-position    
underline-thickness    
unicode    
unicode-bidi    
unicode-range    
units-per-em    

V

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
v-alphabetic    
v-hanging    
v-ideographic    
v-mathematical    
values    
vector-effect    
version    
vert-adv-y    
vert-origin-x    
vert-origin-y    
viewBox    
viewTarget    
visibility    

W

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
width    
widths    
word-spacing    
writing-mode    

X

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
x    
x-height    
x1    
x2    
xChannelSelector    
xlink:actuate    
xlink:arcrole    
xlink:href    
xlink:role    
xlink:show    
xlink:title    
xlink:type    
xml:base    
xml:lang    
xml:space    

Y

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
y    
y1    
y2    
yChannelSelector    

Z

PROPERTY SUPPORTED PLANNED WILL NOT SUPPORT
z    
zoomAndPan    

background Made with Flow.
underscore Made with Flow.
line2 Made with Flow.
line1 Made with Flow.
circle Made with Flow.
hit Made with Flow.

result(s) found for “”.