Q
Which of the following is a best practice for creating SVG icons and illustrations?

Answer & Solution

Answer: Option A
Solution:
A best practice for creating SVG icons and illustrations is to use semantic markup (e.g., <title> and <desc> for accessibility) and optimize the SVG files for performance (e.g., minify, compress). This ensures better accessibility and faster loading times, enhancing the user experience.
Related Questions on Average

How can you create a star shape in SVG?

A). Using the <polygon> element with specific coordinates

B). Using the <circle> element with a high r value

C). Using the <path> element with predefined commands

D). Using the <rect> element with rounded corners

How can you optimize SVG files for web performance?

A). Remove unnecessary code and use compression techniques

B). Embed large images directly into the SVG file

C). Use high-resolution images for better quality

D). Use inline CSS styles for all SVG elements

How can you create a dashed line in SVG?

A). Using the stroke-dasharray attribute

B). Using the stroke-dashoffset attribute

C). Applying a filter to the <line> element

D). Using the line-style property in CSS

How can you create a gradient fill in SVG?

A). Using the <linearGradient> or <radialGradient> elements

B). Using the <pattern> element

C). Applying CSS styles to SVG elements

D). Using the <filter> element for gradients

Which attribute is used to create animations in SVG?

A). <animate>

B). <motion>

C). <transform>

D). <transition>

What does SVG stand for?

A). Scalable Vector Graphics

B). Simple Vector Graphics

C). Scalable Visual Graphics

D). Scalable Vector Generation

Which of the following is an advantage of using SVG?

A). Scalability

B). Limited color options

C). Large file sizes

D). Raster-based rendering

Which of the following is true about SVG sprites?

A). Combines multiple SVG icons into a single file

B). Converts SVG graphics into raster images

C). Increases loading times for web pages

D). Supports only static SVG graphics

What is the purpose of the <defs> element in SVG?

A). Defines reusable elements and gradients

B). Specifies the document type

C). Declares the document's width and height

D). Specifies the SVG version

Which SVG element is used to create a rectangle?

A). <rect>

B). <circle>

C). <path>

D). <line>