Problem rendering SVG tag

[ekrist1]

I have a issue rendering a icon using the SVG tag. It won´t render the SVG-icon using the blueprint variable. Any clue if this is a bug or something with my code?

     <div class="w-full md:w-1/2 lg:w-1/3 px-3 mb-6">
            <div class="text-center px-1">
              <span class="flex items-center justify-center mx-auto mb-8 md:mb-12 w-16 h-16 bg-yellow-400 rounded-full">

                  //icon-field inside content/home.md
                  //icon: academic-cap
                  
                  //not working
                  {{ svg :src="icon" }}
                  
                  //working
                  {{ svg src="academic-cap" }}
                  {{ icon }}


              </span>
                <div>
                    <h3 class="mb-4 text-2xl font-semibold font-heading">{{ title }}</h3>
                    <p class="text-base text-gray-500">{{ body }}</p>
                </div>
            </div>
        </div>