custom/plugins/WoodRepair/src/Resources/views/storefront/utilities/icon.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/utilities/icon.html.twig' %}
  3. {% block utilities_icon %}
  4.     {% set styles = [ size, color, rotation, flip, class ] %}
  5.     {% if pack == 'woodrepair' %}
  6.         {% apply spaceless %}
  7.             <span class="icon icon-woodrepair {{ name }}{% for entry in styles %}{% if entry != "" %} icon-{{ entry }}{% endif %}{% endfor %}">
  8.                 {% if name == "ic-youtube" %}
  9.                     <svg id="Group_107" data-name="Group 107" xmlns="http://www.w3.org/2000/svg" width="48" height="48"
  10.                          viewBox="0 0 48 48">
  11.                           <circle id="Ellipse_6" data-name="Ellipse 6" cx="24" cy="24" r="24" fill="#fff"/>
  12.                           <path id="Icon_ionic-logo-youtube" data-name="Icon ionic-logo-youtube"
  13.                                 d="M29.635,9.441A4.529,4.529,0,0,0,25.323,4.71C22.1,4.558,18.8,4.5,15.441,4.5H14.392c-3.356,0-6.654.058-9.882.21A4.539,4.539,0,0,0,.2,9.453C.058,11.527-.006,13.6,0,15.676S.058,19.824.2,21.9A4.545,4.545,0,0,0,4.5,26.653c3.391.157,6.87.227,10.407.221q5.314.017,10.407-.221A4.545,4.545,0,0,0,29.629,21.9c.14-2.08.2-4.154.2-6.235Q29.845,12.558,29.635,9.441ZM12.061,21.392V9.942l8.449,5.722Z"
  14.                                 transform="translate(9.492 8.642)" fill="#086a30"/>
  15.                     </svg>
  16.                 {% endif %}
  17.                 {% if name == "ic-instagram" %}
  18.                     <svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48">
  19.                         <g id="Group_106" data-name="Group 106" transform="translate(0.361)">
  20.                             <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="24.5" cy="24" rx="24.5" ry="24" transform="translate(-0.361)" fill="#fff"/>
  21.                             <path id="Icon_metro-instagram" data-name="Icon metro-instagram"
  22.                                   d="M22.879,1.928H6.613A4.055,4.055,0,0,0,2.571,5.971V22.236a4.055,4.055,0,0,0,4.043,4.043H22.879a4.055,4.055,0,0,0,4.043-4.043V5.971a4.055,4.055,0,0,0-4.043-4.043ZM10.366,12.582h8.761a4.637,4.637,0,1,1-8.761,0Zm13.512,0v9.13a1.526,1.526,0,0,1-1.522,1.522H7.137a1.526,1.526,0,0,1-1.522-1.522V12.582H8a6.92,6.92,0,1,0,13.5,0Zm0-5.328a.763.763,0,0,1-.761.761H21.595a.763.763,0,0,1-.761-.761V5.733a.763.763,0,0,1,.761-.761h1.522a.763.763,0,0,1,.761.761Z"
  23.                                   transform="translate(9.473 9.754)" fill="#086a30"/>
  24.                         </g>
  25.                     </svg>
  26.                 {% endif %}
  27.                 {% if name == "ic-facebook" %}
  28.                     <svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48">
  29.                       <g id="Group_105" data-name="Group 105" transform="translate(0.452)">
  30.                         <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="24.5" cy="24" rx="24.5" ry="24" transform="translate(-0.452)" fill="#fff"/>
  31.                         <path id="Icon_zocial-facebook" data-name="Icon zocial-facebook" d="M13.257,14.115V9.1h4.049V6.571a6.605,6.605,0,0,1,1.773-4.652A5.642,5.642,0,0,1,23.376,0H27.4V5.02H23.376a.886.886,0,0,0-.709.434,1.761,1.761,0,0,0-.315,1.065V9.094H27.4v5.019H22.351v12.17H17.3V14.115Z" transform="translate(3.536 10.952)" fill="#086a30"/>
  32.                       </g>
  33.                     </svg>
  34.                 {% endif %}
  35.                 {% if name == "ic-linkedin" %}
  36.                     <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
  37.                       <g id="Group_104" data-name="Group 104" transform="translate(-0.188)">
  38.                         <circle id="Ellipse_9" data-name="Ellipse 9" cx="24" cy="24" r="24" transform="translate(0.188)" fill="#fff"/>
  39.                         <path id="Icon_zocial-linkedin" data-name="Icon zocial-linkedin" d="M-.18,3.239A2.83,2.83,0,0,1,.74,1.07,3.375,3.375,0,0,1,3.132.216a3.274,3.274,0,0,1,2.339.841,2.965,2.965,0,0,1,.92,2.26A2.768,2.768,0,0,1,5.5,5.42a3.381,3.381,0,0,1-2.418.867H3.053A3.217,3.217,0,0,1,.714,5.42,2.913,2.913,0,0,1-.18,3.239Zm.342,23V8.679H6V26.237H.162Zm9.068,0h5.835v-9.8a3.784,3.784,0,0,1,.21-1.419A3.812,3.812,0,0,1,16.392,13.5a2.856,2.856,0,0,1,1.879-.618q2.944,0,2.944,3.969v9.383H27.05V16.17a8.46,8.46,0,0,0-1.84-5.9,6.276,6.276,0,0,0-4.863-2.011,5.965,5.965,0,0,0-5.283,2.918v.053h-.026l.026-.053v-2.5H9.23q.053.841.053,5.231T9.23,26.237Z" transform="translate(10.402 10.736)" fill="#086a30"/>
  40.                       </g>
  41.                     </svg>
  42.                 {% endif %}
  43.             </span>
  44.         {% endapply %}
  45.     {% else %}
  46.         {{ parent() }}
  47.     {% endif %}
  48. {% endblock %}