In Progress

Convert 3 PNG images into SVG for a website + be able to change them with CSS

I have 3 images in PNG.

1. I want them to look better, smoother. I think they need to be drawn all over again, but they are quite simple.

2. I already used a PNG to SVG converter online, but the edges of the shapes are not good.

3. The sizes (ratio between the sizes) need to be 100% the same.

4. The HEX color of all blue is #00AEF4.

5. We need to be able to change the above blue color with CSS with the fill attribute in the SVG

6. If you are going to make this in AI, we need the AI file as well.

Image 1

The borders have a lot of pixels and are not smooth. It needs to be the same shape, but with smooth corners. With CSS we need to change the color if necessary .

Image 2

We want to be able to change the width (thickness) of the blue border. Is this possible? It needs to be 2 webpixels width, but we want to be able to change this to for example 1px or 4px with CSS. It is very important that the white shape is a little bit higher than the blue line just like in the example in the attachment.

Image 3

The notch needs to be transparent.

Process:

We start with image 2. If we are happy with it, you can also make the other images and possibly more in the future.

PS: The SVG files in the attachment are done with [login to view URL] and are examples.

Skills: CSS, HTML, Illustrator, Photoshop, SVG

See more: file and want to upload 1 image or multiple images per Badge, lookup tables for adding \ android_mdpi\ , \ android_hdpi\ , etc i, convert png tiny svg format, convert corel cdr images png, css svg background, inline svg css, change svg color css, html svg file, putting svg image in html, svg image example, embed svg in html, svg tag, design, animation, css, 3d modelling, 3d animation, logo design, brochure design, 3d rendering, psd to html

About the Employer:
( 4 reviews ) Woudenberg, Netherlands

Project ID: #17291511

Awarded to:

shorowar

Hi, I read your project description. Thanks for your great guidelines. Finally i understood you. I can do it. You can check my previous reviews. I will give you within 24 hours. I will give you ai file, font file, pdf More

€15 EUR in 1 day
(12 Reviews)
3.5

18 freelancers are bidding on average €21 for this job

Arsen68

Hi there, I'm interested to do this design job for you. I've done lot of conversions (vectorization) in to the vector format. You can see some in my portfolio - photo to vector conversion. I'll re draw icons fro More

€16 EUR in 0 days
(256 Reviews)
6.5
EgyArts

i will do that now for only 8 EURo will start now and deliver in in less than 20 minutes contact me via caht to see one image as test

€8 EUR in 0 days
(71 Reviews)
4.7
graphicbeez

hi i am offering my services on short notice. i can convert your 3 of PNG s in to SVG format i am an expert graphic designer with over 5 years of experience in illustrator and Photoshop. please consider me and giv More

€30 EUR in 1 day
(68 Reviews)
4.7
Udaykp

Good evening. You may let me draw this. Will get you the svg files in less than 10 minutes.

€9 EUR in 1 day
(44 Reviews)
4.5
manjeet2017

Hi, I went through your requirement and feel comfortable to do this job. I have good Experience in website design & development. Please initiate chat to discuss further.

€23 EUR in 1 day
(22 Reviews)
4.4
Betechsolution

I see your Project "Convert 3 PNG images into SVG for a website + be able to change them with CSS" I am able to complete your project.... I have five years experience in Website designing, Front end Development w More

€15 EUR in 1 day
(12 Reviews)
4.1
€16 EUR in 1 day
(10 Reviews)
3.4
faysalmehmood

Hi there, Consider me please, i will help you in your budget and will be able to deliver you on time.

€34 EUR in 2 days
(2 Reviews)
3.1
JigyaD

Hello, Thank you for posting the job. I read requirement and work details shared by you. We are very much interested in working with you and would like to discuss further. We are a team of UX UI Evangelist, Digi More

€23 EUR in 1 day
(5 Reviews)
2.9
tcrestudios

I can convert one now as SAMPLE work and if u like it then we can go ahead Masum ...............................................................................

€23 EUR in 1 day
(3 Reviews)
2.4
ZohaibSajid

Hi, I have Front End UI Development expertise using Web 2.0 technologies - HTML5, CSS3, JavaScript, jQuery, and MVC frameworks (Angular 4). I have worked with Bootstrap 3 and 4 for design purposes building responsive More

€23 EUR in 1 day
(1 Review)
2.2
dilshadabdal

Hi, I have 4+ years of experience in web development in wordpress,PHP,HTML,CSS,JQUERY and Javascript. I am a software engineer and specialized in web development. My Skills:-WordPress website development and des More

€27 EUR in 1 day
(2 Reviews)
1.9
vandanavishwaka9

Hi, I have similar work experience in this work. i love to complete this task on given schedule. please share you requirement specification details. Thank you

€30 EUR in 2 days
(6 Reviews)
2.1
newdreamer

Dear Hiring Manager, I am a web and graphic designer, and content writer. I am skilled in all kind of graphic design with illustrator, front-end designing, and content writing. I am able to work on this project and More

€16 EUR in 1 day
(1 Review)
0.0
€22 EUR in 2 days
(0 Reviews)
0.0
iamtahirmalik

Hey. I read your project details and I am interested in your project so please message me and we discuss about the project. Thank You, Tahir M. ........

€8 EUR in 1 day
(0 Reviews)
0.0
elitesoft8

Hi, Thank you for giving me a chance to bid on your project. i am a serious bidder here and i have already worked on a similar project before and can deliver as u have mentioned I have got Rich experience in Jooml More

€20 EUR in 7 days
(0 Reviews)
0.0