How to change color of svg images in ios?

Question

I want to change color of svg images. I am using following code, it hides the image and fill the whole image view with the color set.

 self.badmintonImgView.tintColor = [UIColor orangeColor];

I need to change the color of image. Please suggest

try this ... .theImageView.image = [theImageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate]; [theImageView setTintColor:[UIColor redColor]]; — Sudheer Kolasani, Jul 15 '16 at 11:35
check this http://stackoverflow.com/questions/12396236/ios-change-the-colors-of-a-uiimage — Sudheer Kolasani, Jul 15 '16 at 11:40
Does SVGKit not give you access to the SVG's current color? My own SVGgh allows you to selectively colorize elements marked with currentColor. — Glenn Howes, Jul 15 '16 at 14:03
you can see this method I answered:[http://stackoverflow.com/a/42591944/5686513](http://stackoverflow.com/a/42591944/5686513) It works I have tested. — Juice007, Mar 04 '17 at 04:09

score 26 · Answer 1 · answered Mar 17 '21 at 11:39

26

If the SVG is in Assets.xcassets, you can tell Xcode to treat the image as an icon:

First, select your SVG image in the assets catalog

Then set the render mode to Template Image

answered Mar 17 '21 at 11:39

אורי orihpt

1,912
1
12
35

score 15 · Answer 2 · answered Jun 29 '20 at 22:25

15

Swift

To change the color of an SVG using Swift:

badmintonImgView.image = badmintonImgView.image?.withRenderingMode(.alwaysTemplate)
badmintonImgView.tintColor = UIColor.orange

answered Jun 29 '20 at 22:25

Marcy

2,834
2
26
39

score 1 · Answer 3 · answered Jun 11 '20 at 16:39

This worked for me:

UIImage * imageOrange = [[UIImage imageNamed:@"yourSVGImageName"] imageWithTintColor:UIColor.orangeColor];
UIImageView * yourImageView = [[UIImageView alloc] initWithImage: imageOrange];

remember add the image to the assets folder. I hope it helps you.

score 0 · Answer 4 · answered Jul 15 '16 at 11:49

0

Do as follow may be work for you.

SVGKImage *svgImage = [SVGKImage imageNamed:@"YOURIMAGENAME"];
SVGKLayeredImageView *svgImageView = [[SVGKLayeredImageView alloc] initWithSVGKImage:svgImage];
[capturedImageView addSubview:svgImageView];

CALayer* layer = svgImageView.layer;
for (CALayer *subLayer in layer.sublayers) {

    for (CALayer *subSubLayer in subLayer.sublayers) {


        for (CALayer *subSubSubLayer in subSubLayer.sublayers) {

            if( [subSubSubLayer isKindOfClass:[CAShapeLayer class]]){
                CAShapeLayer* shapeLayer = (CAShapeLayer*)subSubSubLayer;
                shapeLayer.fillColor = [UIColor BlackColor].CGColor;
            }
        }
    }
}

answered Jul 15 '16 at 11:49

Hitesh Surani

11,344
5
46
60

I am getting errors while using SVGKit, https://cocoapods.org/pods/SVGKit. Can you help here? – user Jul 15 '16 at 12:45
In the SVGKit-iOS target > Build Settings locate the "Other C Flags" and "Other C++ Flags" sections and add the following: -fembed-bitcode – Hitesh Surani Jul 15 '16 at 12:57
Try above solution – Hitesh Surani Jul 15 '16 at 12:58
Same errors upon adding In the SVGKit-iOS target > Build Settings locate the "Other C Flags" and "Other C++ Flags" sections and add the following: -fembed-bitcode – user Jul 15 '16 at 13:04
I think you have use library using pod..? – Hitesh Surani Jul 15 '16 at 13:23
Please remove static library first then insatall using cocoa pods – Hitesh Surani Jul 18 '16 at 05:02

score 0 · Answer 5 · answered Jul 15 '16 at 11:54

0

Try this [self.badmintonImgView setTintColor:[UIColor redColor]];

answered Jul 15 '16 at 11:54

Vishal Sonawane

2,537
2
13
21

How to change color of svg images in ios?

5 Answers5

This worked for me: