Remove Base64 for SVGs. (#28749)

It results in bigger files.

diff --git a/site/content/docs/4.3/components/breadcrumb.md b/site/content/docs/4.3/components/breadcrumb.md
index b26b58969f829e2f3ea812d04e493c6dbab6262f..493014026f43daa4802b71d078de2823c3f5dda3 100644 (file)
--- a/site/content/docs/4.3/components/breadcrumb.md
+++ b/site/content/docs/4.3/components/breadcrumb.md
@@ -38,10 +38,10 @@ Separators are automatically added in CSS through [`::before`](https://developer
 $breadcrumb-divider: quote(">");
 ```
 
-It's also possible to use a **base64 embedded SVG icon**:
+It's also possible to use an **embedded SVG icon**:
 
 ```scss
-$breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+);
+$breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");
 ```
 
 The separator can be removed by setting `$breadcrumb-divider` to `none`:

diff --git a/site/content/docs/4.3/components/forms.md b/site/content/docs/4.3/components/forms.md
index 4214f1660c791786599da49b1413ece0ab93a206..659385a738cf8fca53a11bd6800e0d6abe949eb4 100644 (file)
--- a/site/content/docs/4.3/components/forms.md
+++ b/site/content/docs/4.3/components/forms.md
@@ -1127,7 +1127,7 @@ We use the sibling selector (`~`) for all our `<input>` states—like `:checked`
 
 We hide the default `<input>` with `opacity` and use the `.custom-control-label` to build a new custom form indicator in its place with `::before` and `::after`. Unfortunately we can't build a custom one from just the `<input>` because CSS's `content` doesn't work on that element.
 
-In the checked states, we use **base64 embedded SVG icons** from [Open Iconic](https://github.com/iconic/open-iconic). This provides us the best control for styling and positioning across browsers and devices.
+In the checked states, we use **embedded SVG icons** from [Open Iconic](https://github.com/iconic/open-iconic). This provides us the best control for styling and positioning across browsers and devices.
 
 #### Checkboxes