Need Semantic UI / Fomantic UI developer to create css for svg and png icon sprites

I'm using Fomantic UI (a fork of Semantic UI), it includes css for icons using the Font Awesome icon set.

I'd like to use the same or similar syntax that I am already using in the framework, but add support for svg and png sprites.

For example, currently you display an icon in an input form like this:

<div class="ui left icon input">

<input type="text" placeholder="Search users...">

<i class="user icon"></i>


The svg implementation could look like this:

<div class="ui left icon input">

<input type="text" placeholder="Search users...">

<svg xmlns="[login to view URL]" viewBox="0 0 100 100" class="svg icon">

<use xlink:href="fonts/sprite.svg#user"></use>



and the png implementation like this:

<div class="ui left icon input">

<input type="text" placeholder="Search users...">

<i class="sprite sprite-user"></i>


I need all the UI elements with support for icons in Fomantic UI to have pixel perfect implementation also in svg and png. That includes UI elements such as dropdowns, input, labels, buttons etc. You can find all UI elements with icons support in the documentation: [login to view URL]

For the record: I've experimented with one solution for svg found here: [login to view URL]

Using that solution I placed overrides at:

site/elements/[login to view URL]

site/elements/[login to view URL]

It worked to an extent, but needed a lot of css fixes and tweaks. I don't want to hack around with this myself as css isn't really my field.

If you are able to do only svg implementation and not the png one, we can discuss that, the svg implementation is most important.

PS: This must be portable and maintainable code, in other words, this should be overrides / extending the css and no edit of the source code for the framework itself!


Деталі: semantic ui icons not working, semantic ui link, semantic ui pictures, semantic ui icon size, semantic ui react icons, semantic ui custom icon, semantic ui icon button, semantic ui icons

Про роботодавця:
( 1 відгук ) Skien, Norway

ID Проекту: #22243260



Hey there, You seem to be having some trouble with SVG&PNG icons using Fomantic UI. I might be able to help you. I have a decade of experience in Programming and several years with WebDev. I work as a full-stack deve Більше

$800 USD за 7 дні(-в)
(8 відгуків(-и))

18 фрілансерів(-и) готові виконати цю роботу у середньому за $1120


Dear employer as a custom semantic UI developer (with svg and png using css files) i am having relevant skills and experience as you requested in your project description...i can share some demo as well in further chat Більше

$1500 USD за 15 дні(-в)
(109 відгуків(и))

Hi there, As per my understanding, you are working on the Fomantic UI and want to add support for the Icons within SVG and PNG as well. Do you only want us to add the support for different image formats? Will you pr Більше

$1200 USD за 20 дні(-в)
(61 відгуків(и))

Hello, I'm interested. Please contact me in private message, After our conversation, we will submit a detailed proposal. Thanks Sathies

$750 USD за 7 дні(-в)
(559 відгуків(и))

Hi, I have read your post and understood your requirement. Looking for the freelancer to work on your next project? Or just need some issues/bugs/fixes ASAP? I have 11+ years of experience and I'm here for you! My sk Більше

$750 USD за 7 дні(-в)
(82 відгуків(и))

Greetings of the day. I am a professional Semantic UI / Fomantic UI developer. Hope this proposal finds you in the best of your health. It is my humble offer to present my services to you for this project. I have pas Більше

$1125 USD за 7 дні(-в)
(30 відгуків(и))

Dear Employer, Hope all's well..!! Thanks for job posting. I have read the description carefully and give you 100% assistance as PHP Developer to create css for svg and png icon sprites. I am an Expertise in followi Більше

$1500 USD за 25 дні(-в)
(45 відгуків(и))

Hi, I read your project description very carefully and understand all but some points are not clear to me so please come online for to clear my all questions. I am ready to start working now after detailed discussion. Більше

$1125 USD за 7 дні(-в)
(66 відгуків(и))

Hi,. I have gone through the brief details mentioned on the job. I have done multiple jobs with CSS, CSS3, HTML, HTML5, LESS/Sass/SCSS which are the skills required to get this job done. Lets start the chat so we can d Більше

$1500 USD за 9 дні(-в)
(19 відгуків(и))

Validcode is a dynamic and fast-moving company in Web/Mobile designing and development world-wide and has proven itself to be one of the best in markets. Validcode have served customers from USA , Canada , Germany , Більше

$1125 USD за 7 дні(-в)
(35 відгуків(и))

Hi, I am very interested to work on your project. I have 17+ years experience in Web Development using a large variety of programming languages, frameworks, database architecture, APIs, CRMs, ERPs, mobile development Більше

$1500 USD за 24 дні(-в)
(32 відгуків(и))

Hi Dear. I am very interested in your project. I am an expert developer who guarantees hard work, quality and perfection. As for me, I am a full-stack developer with 5+ years experience in the web development. - PHP, Більше

$1125 USD за 7 дні(-в)
(6 відгуків(и))

Greetings, I have reviewed your project description along with the Stack overflow question that you mentioned. I have also reviewed the code samples you've provided for icons in SVG as well as PNG. I possess a very ke Більше

$1427 USD за 20 дні(-в)
(17 відгуків(и))

Hello, my name is Daniel Andronic and I've been producing websites and pleasing clients for about 7 years old. A part of my portfolio is available on [login to view URL], which is my website, and if you want to see what my p Більше

$1000 USD за 5 дні(-в)
(1 відгук)

Hello! If I right understand you want simple decision like add your svg icons into customized font awesome? And convert png into the font awesome too. If that what you need I'm ready for a work.

$888 USD за 7 дні(-в)
(0 відгуків(и))

Hi, there! I am senior front end developer and I can start work immediately. I have read your project description and I understand the scope of work, I'm keen to get started this project right away. I would be delighte Більше

$800 USD за 7 дні(-в)
(0 відгуків(и))

I have 5+ experience in web designing. I have worked on wp sites and other cms. I will done your project on twenty days. So please hire me. Relevant Skills and Experience My skills html5, css3, bootstrap, JavaScript s Більше

$1250 USD за 20 дні(-в)
(0 відгуків(и))

i do what it takes when i give u a wordand i am Passionate web designer, skilled in Adobe Creative Suite, HTML, CSS. Creates seamless UX and UI with creative but functional designs. Designed 10+ websites, including an Більше

$800 USD за 5 дні(-в)
(0 відгуків(и))