Q
How can you reference an external SVG file within an HTML document for displaying an icon?

Answer & Solution

Answer: Option B
Solution:
External SVG files are referenced and displayed in HTML using the <use> element with the SVG file path and the desired icon's ID.
Related Questions on Average

What is the purpose of using external CSS stylesheets for SVG icons?

A). Centralized styling, easier maintenance, and consistent design

B). Increased file size and slower loading times

C). Inline styling options

D). Compatibility with non-SVG formats

What is the recommended approach for optimizing SVG icons for web use?

A). Minimize file size, remove unnecessary code, and optimize paths

B). Increase file size for better quality

C). Use inline styles for all SVG elements

D). Embed external CSS files into SVG

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

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 make SVG icons accessible to users with disabilities?

A). Include <title> and <desc> elements for descriptions

B). Use JavaScript for interactive accessibility

C). Increase icon size for better visibility

D). Embed external images into SVG

Which attribute of SVG sprite <symbol> elements is used to define a unique ID for each icon within the sprite sheet?

A). id

B). name

C). class

D). label

What is the advantage of using SVG icons over raster images in web design?

A). Scalability without loss of quality

B). Larger file sizes

C). Limited color options

D). Incompatibility with HTML5

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

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