SVG Import 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 |
|
|
|
