Breaking News: Grepper is joining You.com. Read the official announcement!

Inline SVG using <svg> element

Inexpensive Iguana answered on November 26, 2021 Popularity 8/10 Helpfulness 3/10

answer Inline SVG using <svg> element

related inline svg css

Inline SVG using <svg> element

Comment

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>SVG Icon Example</title>
</head>
<body>

  <h1>Embedded SVG Icon</h1>

  <!-- Inline SVG -->
  <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 24 24">
    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14h-2v-6h2zm4 0h-2v-2h2zm2-4h-2V7h2z"/>
  </svg>

</body>
</html>

Popularity 8/10 Helpfulness 3/10 Language html

Source: chat.openai.com

Tags: element html inline-svg using

Link to this answer
Share Copy Link

Contributed on Jan 21 2024

Inexpensive Iguana

0 Answers Avg Quality 2/10

Closely Related Answers

inline svg css

Comment

body { background-image: 
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%'/></svg>");
      }

Popularity 10/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Nov 26 2021

MD Redwan Hussain

0 Answers Avg Quality 2/10

Inline SVG using <svg> element

Contents

More Related Answers

Inline SVG using <svg> element

Closely Related Answers

inline svg css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.