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 50 · Answer 1 · answered Mar 17 '21 at 11:39

50

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

2,358
2
16
41

1

The best answer, Thanks for sharing – Muhammad Asad Chattha Jun 22 '23 at 07:45

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

27

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

4,611
2
34
52

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

3

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.

answered Jun 11 '20 at 16:39

Pedro Trujillo

1,559
18
19

Thanks this worked for me though its supported after iOS 13. – abdullahicyc Sep 01 '22 at 11:49

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

12,733
6
54
65

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,637
2
16
21

score 0 · Answer 6 · answered Sep 27 '22 at 18:24

For publishing iOS 14.0+, I used אורי orihpt's answer, but realized I had to do some additional steps that differ from other answers on here. When using the Image, I couldn't get tintColor to work, but foregroundColor worked for me. I don't know if you're targeting the whole image, but this solution targets only the SVG paths, instead of creating a background color as well on the image (similar to Marcy's output image).

Image("imageName")
  .foregroundColor(Color.red)

How to change color of svg images in ios?

6 Answers6

This worked for me: