Light (`light`)¶

← Back to SVG Elements | 📋 All Elements

This element is available in the Lucit Template Designer Elements Panel and can be added to any template by clicking on it.

When this element is added, the code listed in Element HTML will be added as a new layer in your template design that you can then customize as you see fit.

Overview

Type: svg
Element Class: App\LuCore\DriveTemplates\BasicShapeDriveTemplateElementClass

Christmas, winter, holiday, season,

Preview

Element HTML

<div x-objectcode="light" class="lc_ut_designer lc_dt_element lc_dt_object lc_dt_object_svg" id="{id}" title="Light"><svg width="100%" height="100%" pointer-events="none" viewBox="-11.88 0 91.605 91.605">
  <g transform="translate(-165.578 -102.894)">
    <path d="M199.711,174.661h-.2a12.276,12.276,0,0,1-11.954-9.483l-3.845-16.457a12.229,12.229,0,0,1,11.908-15.011h7.924a12.229,12.229,0,0,1,11.917,14.974l-3.79,16.456A12.277,12.277,0,0,1,199.711,174.661Z" fill="#ffc97a"></path>
    <path d="M199.711,177.411h-.2A14.965,14.965,0,0,1,184.882,165.8l-3.845-16.457a14.979,14.979,0,0,1,14.586-18.387h7.924a14.979,14.979,0,0,1,14.6,18.341l-3.791,16.457A14.955,14.955,0,0,1,199.711,177.411Zm-4.088-40.951a9.479,9.479,0,0,0-9.23,11.636l3.844,16.457a9.488,9.488,0,0,0,9.277,7.358h.2a9.482,9.482,0,0,0,9.283-7.388l3.79-16.456a9.48,9.48,0,0,0-9.237-11.607Z" fill="#151515"></path>
    <path d="M207.6,133.71H191.567v-6.558a5.174,5.174,0,0,1,5.175-5.174h5.686a5.174,5.174,0,0,1,5.175,5.174Z" fill="#c1c1c0"></path>
    <path d="M207.6,136.46H191.567a2.75,2.75,0,0,1-2.75-2.75v-6.558a7.934,7.934,0,0,1,7.925-7.924h5.686a7.934,7.934,0,0,1,7.925,7.924v6.558A2.75,2.75,0,0,1,207.6,136.46Zm-13.286-5.5h10.536v-3.808a2.427,2.427,0,0,0-2.425-2.424h-5.686a2.427,2.427,0,0,0-2.425,2.424Z" fill="#151515"></path>
      <line y1="7.997" transform="translate(199.585 111.981)" fill="#d0d0dc"></line>
      <path id="Path_5" data-name="Path 5" d="M199.585,122.728a2.75,2.75,0,0,1-2.75-2.75v-8a2.75,2.75,0,0,1,5.5,0v8A2.75,2.75,0,0,1,199.585,122.728Z" fill="#151515"></path>
      <line y2="5.425" transform="translate(199.585 186.324)" fill="#d0d0dc"></line>
      <path d="M199.585,194.5a2.75,2.75,0,0,1-2.75-2.75v-5.425a2.75,2.75,0,0,1,5.5,0v5.425A2.75,2.75,0,0,1,199.585,194.5Z" fill="#151515"></path>
      <line x2="2.646" y2="2.646" transform="translate(218.83 175.128)" fill="#d0d0dc"></line>
      <path d="M221.476,180.524a2.743,2.743,0,0,1-1.945-.806l-2.645-2.646a2.75,2.75,0,1,1,3.889-3.888l2.646,2.646a2.75,2.75,0,0,1-1.945,4.694Z" fill="#151515"></path>
      <line x1="2.646" y2="2.646" transform="translate(177.877 175.128)" fill="#d0d0dc"></line>
      <path d="M177.877,180.524a2.75,2.75,0,0,1-1.944-4.694l2.645-2.646a2.75,2.75,0,1,1,3.89,3.888l-2.646,2.646A2.743,2.743,0,0,1,177.877,180.524Z" fill="#151515"></path>
      <line x2="5.447" transform="translate(225.225 154.186)" fill="#d0d0dc"></line>
      <path d="M230.672,156.936h-5.447a2.75,2.75,0,0,1,0-5.5h5.447a2.75,2.75,0,0,1,0,5.5Z" fill="#151515"></path>
      <line x2="5.436" transform="translate(168.328 154.186)" fill="#d0d0dc"></line>
      <path d="M173.764,156.936h-5.436a2.75,2.75,0,0,1,0-5.5h5.436a2.75,2.75,0,0,1,0,5.5Z" fill="#151515"></path>
      <path d="M199.5,114.75a47.7,47.7,0,0,1-24.458-6.744,2.751,2.751,0,0,1,2.819-4.724,42.225,42.225,0,0,0,43.073.123,2.75,2.75,0,0,1,2.791,4.74A47.72,47.72,0,0,1,199.5,114.75Z" fill="#151515"></path>
  </g>
</svg></div>

← Back to SVG Elements | 📋 All Elements

Light (light)¶

Light (`light`)¶