.svg images turning black

What issue or error are you experiencing?

When I upload .svg images to the media library, WP is turning them black. Any insight here? I’ve been using this local install for months and this issue just started happening.


What steps can be taken to replicate the issue? Feel free to include screenshots, videos, etc


System Details

  • Local Version:

  • Operating System (OS) and OS version:
    `

wp-core

version: 6.6.2
site_language: en_US
user_language: en_US
timezone: America/Denver
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: undefined
environment_type: local
user_count: 10
dotorg_communication: true

wp-paths-sizes

wordpress_path: /Users/jerrykramer/Documents/Sites/kramerdigital-wp-engine/securityfirstd/app/public
wordpress_size: 55.37 MB (58059199 bytes)
uploads_path: /Users/jerrykramer/Documents/Sites/kramerdigital-wp-engine/securityfirstd/app/public/wp-content/uploads
uploads_size: 91.94 MB (96402315 bytes)
themes_path: /Users/jerrykramer/Documents/Sites/kramerdigital-wp-engine/securityfirstd/app/public/wp-content/themes
themes_size: 9.38 MB (9838575 bytes)
plugins_path: /Users/jerrykramer/Documents/Sites/kramerdigital-wp-engine/securityfirstd/app/public/wp-content/plugins
plugins_size: 195.46 MB (204957803 bytes)
fonts_path: /Users/jerrykramer/Documents/Sites/kramerdigital-wp-engine/securityfirstd/app/public/wp-content/uploads/fonts
fonts_size: directory not found
database_size: 277.84 MB (291340288 bytes)
total_size: 630.00 MB (660598180 bytes)

wp-active-theme

name: Security First Bank (security1stbank)
version: 5.3.2
author: KRAMERDIGITAL
author_website: http://kramerdigital.com
parent_theme: none
theme_features: post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, widgets-block-editor, block-templates, menus
theme_path: /Users/jerrykramer/Documents/Sites/kramerdigital-wp-engine/securityfirstd/app/public/wp-content/themes/security1stbank
auto_update: Disabled

wp-themes-inactive (1)

Twenty Twenty-Four: version: 1.2, author: the WordPress team, Auto-updates disabled

wp-plugins-active (36)

Admin Columns Pro: version: 6.4.12, author: AdminColumns.com, Auto-updates enabled
Advanced Custom Fields PRO: version: 6.3.10, author: WP Engine, Auto-updates enabled
Akismet Anti-spam: Spam Protection: version: 5.3.3, author: Automattic - Anti-spam Team, Auto-updates enabled
Block for Font Awesome: version: 1.5.0, author: Ciprian Popescu, Auto-updates enabled
Category Order and Taxonomy Terms Order: version: 1.8.6, author: Nsp-Code, Auto-updates enabled
FileBird Pro: version: 6.4.2, author: Ninja Team, Auto-updates disabled
File Upload Types by WPForms: version: 1.5.0, author: WPForms, Auto-updates enabled
Gravity Forms: version: 2.8.18, author: Gravity Forms, Auto-updates enabled
Gravity Forms Akismet Add-On: version: 1.0, author: Gravity Forms, Auto-updates enabled
Gravity Forms reCAPTCHA Add-On: version: 1.6.0, author: Gravity Forms, Auto-updates enabled
Gutenberg: version: 19.5.1, author: Gutenberg Team, Auto-updates enabled
Hyperlink Group Block: version: 1.17.6, author: TipTopPress, Auto-updates enabled
KRAMERDIGITAL - Alerts CPT: version: 1.0, author: Kramer Digital, Auto-updates disabled
KRAMERDIGITAL - Communities CPT: version: 1.0, author: Kramer Digital, Auto-updates disabled
KRAMERDIGITAL - Debit Cards CPT: version: 1.0, author: Kramer Digital, Auto-updates disabled
KRAMERDIGITAL - Frequent Questions CPT: version: 1.0, author: Kramer Digital, Auto-updates disabled
KRAMERDIGITAL - Locations CPT: version: 1.0, author: Kramer Digital, Auto-updates disabled
KRAMERDIGITAL - Pages CPT: version: 1.0, author: Kramer Digital, Auto-updates disabled
KRAMERDIGITAL - People CPT: version: 1.0, author: Kramer Digital, Auto-updates disabled
KRAMERDIGITAL - Popups CPT: version: 1.0, author: Kramer Digital, Auto-updates disabled
KRAMERDIGITAL - Scholarships CPT: version: 1.0, author: Kramer Digital, Auto-updates disabled
Multiple Columns for Gravity Forms: version: 4.0.6, author: WebHolism, Auto-updates enabled
Place Order Without Payment for WooCommerce: version: 2.6.4, author: Nitin Prakash, Auto-updates enabled
Post Types Order: version: 2.3.2, author: Nsp Code, Auto-updates enabled
Relevanssi Premium: version: 2.26.1, author: Mikko Saari, Auto-updates enabled
Safe SVG: version: 2.2.6, author: 10up, Auto-updates enabled
Search & Filter Pro: version: 2.5.19, author: Code Amp, Auto-updates enabled
Search and Filter Map: version: 1.0.0, author: Code Pixelz, Auto-updates disabled
SFB Disclosures: author: (undefined), version: (undefined), Auto-updates disabled
Shortcode in Menus: version: 3.5.1, author: Gagan Deep Singh, Auto-updates enabled
The Icon Block: version: 1.9.0, author: Nick Diego, Auto-updates enabled
Timeline Block: version: 1.6.2, author: Cool Plugins, Auto-updates enabled
WooCommerce: version: 9.3.3, author: Automattic, Auto-updates enabled
WooCommerce FedEx Shipping Plugin with Print Label: version: 7.0.6, author: PluginHive (latest version: 7.1.2), Auto-updates disabled
Yoast Duplicate Post: version: 4.5, author: Enrico Battocchi & Team Yoast, Auto-updates enabled
Yoast SEO: version: 23.7, author: Team Yoast, Auto-updates enabled

wp-plugins-inactive (12)

Accessibility Checker: version: 1.16.1, author: Equalize Digital, Auto-updates enabled
Accessibility Checker Pro: version: 1.8.2, author: Equalize Digital, Auto-updates disabled
Regenerate Thumbnails: version: 3.1.6, author: Alex Mills (Viper007Bond), Auto-updates enabled
WordPress Importer: version: 0.8.3, author: wordpressdotorg, Auto-updates enabled
WP All Export - ACF Export Add-On Pro: version: 1.0.5, author: Soflyy, Auto-updates disabled
WP All Export - User Export Add-On Pro: version: 1.0.7, author: Soflyy, Auto-updates disabled
WP All Export - WooCommerce Export Add-On Pro: version: 1.0.9, author: Soflyy, Auto-updates disabled
WP All Export Pro: version: 1.8.8, author: Soflyy, Auto-updates disabled
WP All Import - ACF Add-On: version: 3.3.8, author: Soflyy, Auto-updates enabled
WP All Import - User Import Add-On Pro: version: 1.1.8, author: Soflyy, Auto-updates disabled
WP All Import - WooCommerce Import Add-On Pro: version: 4.0.0, author: Soflyy, Auto-updates disabled
WP All Import Pro: version: 4.9.0, author: Soflyy, Auto-updates disabled

wp-media

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1809
imagemagick_version: ImageMagick 7.1.1-15 Q16 x86_64 98eceff6a:20230729 https://imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 1000M
upload_max_filesize: 300M
max_effective_size: 300 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 64 GB
imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
imagick::RESOURCETYPE_FILE: 7872
imagick::RESOURCETYPE_MAP: 32 GB
imagick::RESOURCETYPE_MEMORY: 16 GB
imagick::RESOURCETYPE_THREAD: 1
imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, ASHLAR, AVI, AVS, BAYER, BAYERA, BGR, BGRA, BGRO, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FARBFELD, FAX, FF, FITS, FL32, FLV, FRACTAL, FTS, FTXT, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, JXL, K25, KDC, KERNEL, LABEL, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MPO, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, STRIMG, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMV, WPG, X3F, XBM, XC, XCF, XPM, XPS, XV, YAML, YCbCr, YCbCrA, YUV
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP
ghostscript_version: 9.56.1

wp-server

server_architecture: Darwin 24.0.0 x86_64
httpd_software: nginx/1.16.0
php_version: 8.2.10 64bit
php_sapi: fpm-fcgi
max_input_variables: 4000
time_limit: 1200
memory_limit: 256M
max_input_time: 600
upload_max_filesize: 300M
php_post_max_size: 1000M
curl_version: 8.7.1 (SecureTransport) LibreSSL/3.3.6
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: false
current: 2024-11-04T19:17:22+00:00
utc-time: Monday, 04-Nov-24 19:17:22 UTC
server-time: 2024-11-04T12:17:19-07:00

wp-database

extension: mysqli
server_version: 8.0.16
client_version: mysqlnd 8.2.10
max_allowed_packet: 16777216
max_connections: 151

wp-constants

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /Users/jerrykramer/Documents/Sites/kramerdigital-wp-engine/securityfirstd/app/public/wp-content
WP_PLUGIN_DIR: /Users/jerrykramer/Documents/Sites/kramerdigital-wp-engine/securityfirstd/app/public/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 256M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: local
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined

wp-filesystem

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
fonts: not writable

acf

version: 6.3.10
plugin_type: PRO
update_source: ACF Direct
activated: true
activated_url: http://securityfirstd.local
license_type: Developer
license_status: active
subscription_expires: undefined
ui_field_groups: 0
php_field_groups: 0
json_field_groups: 20
rest_field_groups: 0
post_types_enabled: true
ui_post_types: 18
json_post_types: 0
ui_taxonomies: 19
json_taxonomies: 0
ui_options_pages_enabled: true
ui_options_pages: 0
json_options_pages: 0
php_options_pages: 5
rest_api_format: light
registered_acf_blocks: 61
blocks_per_api_version:
v2: 60
v3: 1
blocks_per_acf_block_version:
v2: 61
blocks_using_post_meta: 0
preload_blocks: true
admin_ui_enabled: true
field_type-modal_enabled: true
field_settings_tabs_enabled: false
shortcode_enabled: true
registered_acf_forms: 0
json_save_paths: 1
json_load_paths: 1

`

Local Logs

Attach your Local Logs here ([Help Doc - Retrieving Local’s Log](
local-logs.zip (1.8 MB)


))


Security Reminder
Local does a pretty good job of scrubbing private info from the logs and the errors it produces, however there’s always the possibility that something private can come through. Because these are public forums, always review the screenshots you are sharing to make sure there isn’t private info like passwords being displayed.

Hey @kramerdigital

A good test to start with would be disabling plugins, or swapping your theme and then see if the issue persists. This might indicate something is overwriting that image. If that’s the case, you’ll want to inspect the SVG with the browser’s developer tools to see if any external CSS is changing the fill or stroke attributes.

If no plugins or themes seem to be at fault, you might try inspecting the SVG in a code editor directly to make sure it’s color elements are defined.