Skip to main content

Notice: Workspaces are undergoing maintenance and are temporarily unavailable.

🚀 In our NEW AI Bootcamp you'll build a working app in 28 days, no experience required. Free to all subscription levels.

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

Join the Treehouse affiliate program and earn 25% recurring commission! 🤑

  • Treehouse Logo
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
    • All Courses
    • Tracks
    • AI Bootcamp
    • College Credit
    • Techdegree Bootcamps
    • Front End Development
    • Full Stack JavaScript
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
    • Explore
    • Career Toolbox
    • Free Treehouse Near Me
    • Affiliates
    • Blog
    • Support
    • About
    • Learn
    • Beginner's Guide to Coding
    • Data Analysis with SQL & Python
    • Front-End Web Development
    • Python Programming Basics
    • Techdegree Bootcamp Overview
    • UX Design Fundamentals
    • AI Tools for Beginners
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks AI Bootcamp College Credit
  • Techdegree Bootcamps Front End Web Development Full Stack JavaScript
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Explore Career Toolbox Free Treehouse Near Me Affiliates Blog Support About
    Learn Beginner's Guide to Coding Data Analysis with SQL & Python Front-End Web Development Python Programming Basics Techdegree Bootcamp Overview UX Design Fundamentals AI Tools for Beginners
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
Loading banner... Start your free trial at Treehouse
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
      • • Vibe Coding
  • Angelica Islas
    Angelica Islas
    4,082 Points

    How do I complete this challenge?

    Posted July 27, 2021 7:05pm by Angelica Islas
    Angelica Islas
    4,082 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embed an SVG

    1 Answer

  • sarahmoore4
    sarahmoore4
    6,980 Points

    Embedding SVGs, Web Optimization and Responsiveness

    Posted January 29, 2021 11:38am by sarahmoore4
    sarahmoore4
    6,980 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

  • Darko Tomasir
    Darko Tomasir
    3,021 Points

    Add the file star.svg to the page by embedding the XML data directly into the HTML.

    Posted October 29, 2020 11:35pm by Darko Tomasir
    Darko Tomasir
    3,021 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embed an SVG

    1 Answer

  • Muaaz Matwadia
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Muaaz Matwadia
    Full Stack JavaScript Techdegree Graduate 19,327 Points

    SVG doesn't change when screen made bigger or smaller

    Posted August 3, 2020 10:14am by Muaaz Matwadia
    .a{fill-rule:evenodd;}techdegree seal-36
    Muaaz Matwadia
    Full Stack JavaScript Techdegree Graduate 19,327 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

  • Gareth Partridge
    Gareth Partridge
    13,421 Points

    How do you indent the code?

    Posted August 10, 2019 12:22pm by Gareth Partridge
    Gareth Partridge
    13,421 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embedding SVG XML

    2 Answers

  • vamosrope14
    vamosrope14
    14,932 Points

    Why am I unable to apply height and width properties to my SVG path elements?

    Posted July 5, 2019 8:35pm by vamosrope14
    vamosrope14
    14,932 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

  • vamosrope14
    vamosrope14
    14,932 Points

    What's a stroke and are they found on all SVG images?

    Posted June 20, 2019 2:58pm by vamosrope14
    vamosrope14
    14,932 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

  • Antonio Saenz
    Antonio Saenz
    1,886 Points

    My graphic doesn't seem to align with the header text. Not sure if I missed anything in the code.

    Posted February 1, 2019 2:14am by Antonio Saenz
    Antonio Saenz
    1,886 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

  • Johannes Svensson
    Johannes Svensson
    4,128 Points

    SVG doesn't change when made bigger or smaller

    Posted January 23, 2019 9:43pm by Johannes Svensson
    Johannes Svensson
    4,128 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

  • Unsubscribed User
    Unsubscribed User
    15,444 Points

    Why not just apply the star-point class to a <g> SVG element container?

    Posted December 24, 2018 12:30pm by Unsubscribed User
    Unsubscribed User
    15,444 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    0 Answers

  • Ashley Tee
    Ashley Tee
    10,198 Points

    Responsive SVG isn't working

    Posted September 29, 2018 3:58am by Ashley Tee
    Ashley Tee
    10,198 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

  • web pad
    web pad
    4,483 Points

    Is SVG, basically is the drawing or making graphics using mark ups or code? You draw a house for example using code?

    Posted March 21, 2018 9:24pm by web pad
    web pad
    4,483 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

  • Bhai jccfjf
    Bhai jccfjf
    105 Points

    the last two links in { Free Vector Drawing Tolls Are Changed }

    Posted December 29, 2017 3:03am by Bhai jccfjf
    Bhai jccfjf
    105 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embedding SVG XML

    1 Answer

  • Jack Cummins
    Jack Cummins
    17,417 Points

    I don't know what the XML data is for the image.

    Posted December 1, 2017 11:44pm by Jack Cummins
    Jack Cummins
    17,417 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embed an SVG

    1 Answer

  • shadreck chipolidzi
    shadreck chipolidzi
    5,600 Points

    add the file star .svg to the page embedding the xml data directly into the html.

    Posted September 20, 2017 9:13pm by shadreck chipolidzi
    shadreck chipolidzi
    5,600 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embed an SVG

    3 Answers

  • nfs
    nfs
    35,526 Points

    obsolete software?

    Posted May 28, 2017 9:23am by nfs
    nfs
    35,526 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embedding SVG XML

    2 Answers

  • Arun Krishanth
    Arun Krishanth
    4,772 Points

    Is it possible to use background instead of fill?

    Posted July 31, 2016 7:32pm by Arun Krishanth
    Arun Krishanth
    4,772 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embedding SVG XML

    2 Answers

  • Bradley Dubowsky
    Bradley Dubowsky
    9,198 Points

    Move to eliminate stroke handling and promote proper vector graphic production.

    Posted June 22, 2016 2:01am by Bradley Dubowsky
    Bradley Dubowsky
    9,198 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    0 Answers

  • Elena Paraschiv
    Elena Paraschiv
    9,938 Points

    What is a small size of an SVG?

    Posted February 2, 2016 7:09pm by Elena Paraschiv
    Elena Paraschiv
    9,938 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embedding SVG XML

    1 Answer

  • Elena Paraschiv
    Elena Paraschiv
    9,938 Points

    When I save it from Illustrator the markup looks different

    Posted February 2, 2016 6:42pm by Elena Paraschiv
    Elena Paraschiv
    9,938 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embedding SVG XML

    1 Answer

  • keilanuharriscarroll
    keilanuharriscarroll
    18,570 Points

    help

    Posted December 3, 2015 2:40pm by keilanuharriscarroll
    keilanuharriscarroll
    18,570 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embed an SVG

    2 Answers

  • Allison Walker
    Allison Walker
    17,137 Points

    em sizes for @media

    Posted October 1, 2015 5:18pm by Allison Walker
    Allison Walker
    17,137 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    2 Answers

  • Tina Burger
    Tina Burger
    17,467 Points

    Missing class on inner-circle - SVG Basics

    Posted September 26, 2015 7:44pm by Tina Burger
    Tina Burger
    17,467 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    3 Answers

  • kabir k
    PLUS
    kabir k
    Courses Plus Student 18,036 Points

    CSS properties not recognized by Workspaces

    Posted July 8, 2015 7:22pm by kabir k
    kabir k
    Courses Plus Student 18,036 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

  • Alvaro Giorgetta
    PLUS
    Alvaro Giorgetta
    Courses Plus Student 1,942 Points

    If I have a complex animation (made in After Effects and saved as a .mov file) Can I then convert it to a SVG file?

    Posted June 22, 2015 2:58pm by Alvaro Giorgetta
    Alvaro Giorgetta
    Courses Plus Student 1,942 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

  • Jiaming Zhang
    Jiaming Zhang
    10,170 Points

    Under what situation it will be better to use embedded SVG?

    Posted March 30, 2015 3:54am by Jiaming Zhang
    Jiaming Zhang
    10,170 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Embedding SVG XML

    6 Answers

  • Evan Shellborn
    Evan Shellborn
    4,827 Points

    SVG Backwards Compatibility

    Posted December 13, 2014 12:13am by Evan Shellborn
    Evan Shellborn
    4,827 Points
    • HTML
    • SVG Basics
    • SVG and CSS
    • Responsive SVGs

    1 Answer

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
SEE ALL

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
SEE ALL

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
SEE ALL

About Us

  • About
  • Blog
  • Community
  • Stories
  • Contact
  • Gift Card

Explore

  • Plans
  • Affiliates
  • Perks
  • Shop
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses

Treehouse is an online technology education platform founded in 2011. Treehouse offers more than 700 self-paced, video-based courses in web development, programming, data analysis, design, and AI, plus two project-based bootcamp programs in Front End Web Development and Full Stack JavaScript. Individual Treehouse plans start at $25 per month and include a 7-day free trial. Treehouse serves individual learners, businesses, schools, and public libraries. Cardholders at participating U.S. public libraries can use Treehouse for free. Select Treehouse courses, offered with University Pathways International, are recommended for college credit by ACE and NCCRS. Treehouse learners earn digital certificates for completed Tracks.

Terms & Conditions · Privacy · © 2026 Treehouse Island, Inc.
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
  • Discord