svg Questions

How can i make the SVG color to follow my css

November 10, 2023
RollCasual Lee
2 Answers

VIEW QUESTION

Html – Attaching arrows to SVG Arc path

November 9, 2023
Th Yoon
2 Answers

I am creating a gauge using svg. Is there a way to add an arrow at the end of the animated gauge to indicate the entered value? Since the gauge is displayed with the path's stroke-dasharray, it seems that a…

VIEW QUESTION

Html – Dynamic SVG path

November 9, 2023
Shinjo
2 Answers

Supposed that I have the following SVG: <svg xmlns="http://www.w3.org/2000/svg" width="237" height="129" viewBox="0 0 237 129" fill="none"> <path d="M228 1H9C4.58172 1 1 4.58172 1 9V91V104V127L20 111.483L228 112C232.418 112 236 108.418 236 104V9C236 4.58172 232.418 1 228 1Z" fill="#F6F6F6" /> <path d="M1…

VIEW QUESTION

I can't SVG file open in react.js . Svg File Include CSS And Html file separate

November 7, 2023
Mallikarjun Mathapati
2 Answers

i downloaded SVG Files from Stroyset, this website svg files like below link Here is the SVG Link when you click Export button you get three option like this if i click download button i download svg format, this file…

VIEW QUESTION

Reactjs – Set correct size of svg using only the "d=" attribute of path

November 6, 2023
DJ Scruggs
2 Answers

I'm using an open-source resume tool called React-Resume-Template to build a personal website. One option is to show social icons like Twitter and LinkedIn. I am adding support for Threads and Substack. The react component uses svg, and it only…

VIEW QUESTION

Css – When using SVG to create gradient text with a vertical-rl writing mode, the text displays abnormally

November 2, 2023
Nauxscript
2 Answers

I am trying to create vertically oriented text with a right-to-left gradient using the code below. However, the text is being displayed incorrectly. text { writing-mode: vertical-rl; font-size: 50px; font-weight: bold; } <svg width="500" height="500"> <defs> <linearGradient id="grad-md" x1="100%" y1="0%"…

VIEW QUESTION

Coding a blockquote with icon and responsive border wrap with HTML & CSS

October 31, 2023
sppierce
2 Answers

How might something like this be coded using HTML & CSS? Primarily the icon situated next to some text with border wrapping the text/copy. Initial approach is using an SVG but I can't seem to make it work. Is this…

VIEW QUESTION

"filter" css property not working on SVG in iOS 17

October 30, 2023
Rajesh Prabhu
2 Answers

I am facing an issue with the filter css property applied on SVG on recently released IOS17. The filter: invert(1) works correctly in IOS 16 and below. Validated this in both browserstack and real device as well. The svg logo…

VIEW QUESTION

Replace html span tag text with image

October 28, 2023
Steve Miller
3 Answers

I would like to change the text "Confidențialitate & Cookie-uri" to an image (to this image) using CSS in the following code: <div id="cookie-law-info-again" data-nosnippet="true" style="background-color: rgb(37, 166, 226); color: rgb(255, 255, 255); position: fixed; font-family: inherit; width: auto; bottom:…

VIEW QUESTION

How do I get the SVG icon used by the Azure portal for a given Azure resource type?

October 27, 2023
TeamDman
2 Answers

Let's say I have "Microsoft.Storage/StorageAccounts" as a value in some internal tooling. I want to display the icon for the corresponding Azure service, like how is done in the Azure portal.

VIEW QUESTION