How can you apply CSS styles to an SVG icon referenced using the <use>
element?
A). Apply styles directly to the <use>
element
B). Apply styles to the referenced SVG file
C). Apply styles to the <svg>
element containing the <use>
element
D). Apply styles to the parent container of the <svg>
element
What is the purpose of using external SVG files for icons in web development?
A). Code reusability and maintenance
B). Increased file size
C). Inline styling options
D). Compatibility issues
Which CSS property is commonly used to style SVG icons in HTML documents?
A). fill
B). background-color
C). border
D). text-decoration
How can you include an SVG sprite sheet in an HTML document for displaying icons?
A). Using the <img>
element with the sprite sheet path
B). Using the <object>
element with the sprite sheet path
C). Using the <use>
element with the sprite sheet path
D). Using the <embed>
element with the sprite sheet path
How can you embed an inline SVG icon directly into an HTML document?
A). Using the <svg>
element
B). Using the <img>
element
C). Using the <div>
element
D). Using the <span>
element
How can you animate an SVG icon using CSS animations?
A). Define animation keyframes and apply them to the SVG icon
B). Use the animate element within the SVG file
C). Apply JavaScript code for animations
D). Use external animation libraries
What is the advantage of using CSS for styling SVG icons instead of inline styles?
A). Easier maintenance and consistent styling
B). Better compatibility with older browsers
C). Faster loading times
D). Increased file size
How can you add a title to an SVG icon for accessibility purposes?
A). Using the <desc>
element
B). Using the <span>
element
C). Using the <title>
element
D). Using the <header>
element
What is the purpose of using SVG sprite sheets for icons in web development?
A). Combine multiple SVG icons into a single file for performance
B). Embed SVG icons directly into HTML for faster loading
C). Use inline SVG code for flexibility
D). Increase file size for better quality
What technique can be used to change the color of an SVG icon on user interaction?
A). Apply CSS styles on hover or click events
B). Use JavaScript to dynamically change the SVG's color
C). Embed multiple versions of the SVG with different colors
D). Apply inline styles to the SVG icon