• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Exporting SVGs with gradient along a stroke

Explorer ,
Mar 26, 2020 Mar 26, 2020

Copy link to clipboard

Copied

I see from a post in 2018 that this wasn't possible. Is that still the case? I am trying to export the following icon as an SVG, maintaining the stroke as requested by the developer. It automatically rasterizes it if the gradient goes along the path. If the gradient runs across the shape as a whole it doesn't cause a problem.Screenshot 2020-03-26 at 12.17.42.pngexpand image

TOPICS
Draw and design , Import and export

Views

2.9K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 26, 2020 Mar 26, 2020

SVG does only support gradient inside a stroke, not along or across. If the developer want the gradient along the stroke, then maybe like this: https://gist.github.com/mbostock/4163057

Votes

Translate

Translate
Adobe
Community Expert ,
Mar 26, 2020 Mar 26, 2020

Copy link to clipboard

Copied

Hi. It's common to have problems with gradients when you export to SVG format. You can simplify the element or export it to another format like PNG.

Marlon Ceballos.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 26, 2020 Mar 26, 2020

Copy link to clipboard

Copied

LATEST

SVG does only support gradient inside a stroke, not along or across. If the developer want the gradient along the stroke, then maybe like this: https://gist.github.com/mbostock/4163057

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines