https://github.com/sudo-self/svg

scalable vector Graphic
https://github.com/sudo-self/svg

Last synced: 3 months ago
JSON representation

scalable vector Graphic

• Host: GitHub
• URL: https://github.com/sudo-self/svg
• Owner: sudo-self
• Created: 2023-09-04T08:50:06.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-11T02:33:49.000Z (over 2 years ago)
• Last Synced: 2025-01-24T14:46:48.104Z (over 1 year ago)
• Homepage: https://svg2.jessejesse.com
• Size: 2.32 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# SVG to DATA

## Create them with photo software or with SVG web tools  [](https://maketext.io)https://maketext.io





## to write them edit the x and y values for size and the fill= value for color

```

  BLUE

```

![Screenshot 2024-01-10 at 7 19 45 PM](https://github.com/sudo-self/SVG/assets/119916323/e9a0e089-6b72-42b2-b3e5-5ddab5f3670f)

![Screenshot 2024-01-10 at 7 31 27 PM](https://github.com/sudo-self/SVG/assets/119916323/8629672c-e7b7-4f88-b85f-d75ab1270846)

## SVG background

```

    body{

        background-image: url("data:image/ ");  <!------DATA URI HERE------>

        background-repeat: no-repeat;

        background-size: 50%;             <!---------- ADJUST SIZE --------->

        background-attachment: fixed;

    }

  

```

## Usage

### HTML Image

Using the `````` element directly in your HTML file.

```



```

### Inline HTML 

You can paste the content of the icon file directly into your HTML code to display it on the page using the ``` ``` tag.

```

 // Add your SVG code here

```

### CSS 

Instead of using an HTML `````` element, you can use CSS instead and apply it as a background to any other element.

```

body {

  background-image: url(path/to/icon.svg);

}

```

### SVG as an object

You can also use the `````` tag to add the SVG to your page

```

 

```

### Using 

Keep in mind that using iframe is not recommended, because its hard to maintain

```

 

```

### SVG as embed

Most of the modern browsers have deprecated plugins, so this is not recommended.

```

```