All Questions
1,996
questions
0
votes
0
answers
22
views
react-svg library and styles are not applied
I have used the "react-svg" library to display SVG icons because I wanted to enter the address of the icon directly, but the problem is that I cannot implement my styles on the icon, like I ...
0
votes
2
answers
20
views
Apply tailwind css class in linear-gradient stop-color
I need to use tailwind semantic css classes of tailwind.config file in SVG image inside lineargradient stop-color properties.
My react app has designer css file where hex color codes are used as var ...
0
votes
1
answer
23
views
I'm trying to style my icons that are dynamicaly imported from another file.js on my react app im using react-icons
my icons are imported and stored on a separate file.js i imported the file.js on my .jsx file & i can see the svgs being rendered on my website i also can change the size but the color remains ...
0
votes
0
answers
25
views
Import image icons or using icon library for better perfomence [closed]
I'm learning react.js. I want to use icons to beautify the appearance of the UI,
for best practices on a large scale,
Is it better to use a png icon that you have made yourself previously (or ...
0
votes
1
answer
31
views
Next.js SVG Image Mask (Reusable component)
I've been trying all day to create a reusable Next.js SVG Image mask component, using only tailwind / inline styles for locally stored images. I want to be able to pass an svg into it and an image and ...
0
votes
0
answers
32
views
import SVG with CDATA inside in React Application
I'm currently building a simple weather application using react-library.
The problem i'm facing is that the svgs that i'm using have <[!CDATA[]]> tag inside. So that when i do import svgExample ...
0
votes
0
answers
11
views
SVG Icon Taking Long to Reflect on Google
I have a Vite React app, and I've recently updated my favicon to an SVG file. However, it seems to be taking a long time for this change to be reflected on Google. Here are the details of my setup, I ...
0
votes
1
answer
25
views
Adjust the SVG Path to achieve required design in my react app using tailwind CSS
Here is my running code so far:
// DiscoveryResponse.jsx
import { useState } from 'react';
import Heading from '../Heading/Heading';
import DiscoveryButton from '../DiscoveryButton/DiscoveryButton';
...
-1
votes
0
answers
21
views
React Icons Gi (game-icons) importing all library when importing any of them
Like a title says, if I import any icon from their library my component have additional ~5MB https://game-icons.net https://react-icons.github.io/react-icons/icons/gi/
Code here! | I can paste svg ...
0
votes
2
answers
61
views
How to set dark mode for SVG circle and it's properties
I am using tailwind css in one of my react application where i used one SVG tag for circular progress bar. In the page i used to set the dark theme, Where in click of theme icon page converts to black ...
0
votes
2
answers
53
views
How can I prevent the second eye icon?
I had some preexisting code for a non-functional signup form, which already had an eye svg to it which would change the obstruction of the text within the password input box. However, upon adding some ...
0
votes
0
answers
36
views
Why is getBBox() returning {x: 0, y: 0, width: 0, height: 0} for visible SVG elements in React?
Here's my SVG:
<svg width="663" height="576" viewBox="0 0 663 576" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect id="misa" ...
0
votes
0
answers
26
views
Can't find the sgv id tag on canvas tag? [duplicate]
I try to pointing a dot on a svg file, but I can't find svg id tag in the code.
import React, { useEffect, useRef } from "react";
import "./App.css";
import hillstateSvg from "...
-1
votes
1
answer
39
views
SVG Progress bar flickering and not showing the running progress
I am running one SVG Progress bar, Which code was present in Javascript and HTML and i converted this to the React js with tailwind css. After converting the code i found here is like after set the ...
0
votes
1
answer
37
views
How to set color of svg dynamically in react
So I have created a react component that takes svg icons as a parameter. I want to switch the color of the SVG based on variant is active or not. Suggestions required for this purposes
My React ...