Snowflake (snowflake)¶
← 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, snow, holiday, season, cold, weather,
Preview
Element HTML
<div x-objectcode="snowflake" class="lc_ut_designer lc_dt_element lc_dt_object lc_dt_object_svg" id="{id}" title="Snowflake"><svg width="100%" height="100%" pointer-events="none" viewBox="-0.5 0 97 97">
<g transform="translate(-595 -852)">
<line y1="36" transform="translate(643 854)" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></line>
<path d="M632,878v11H621" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<path d="M654,878v11h11" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<path d="M622,868v11H611" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<path d="M664,868v11h11" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<line x1="15" y1="15" transform="translate(621 878)" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></line>
<line y1="15" x2="15" transform="translate(650 878)" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></line>
<path d="M628,861l15,15,15-15" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<line x2="36" transform="translate(653 900)" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></line>
<path d="M682,885l-15,15,15,15" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<line x1="36" transform="translate(597 900)" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></line>
<path d="M604,915l15-15-15-15" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<line y2="36" transform="translate(643 911)" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></line>
<path d="M654,923V912h11" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<path d="M632,923V912H621" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<path d="M664,933V922h11" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<path d="M622,933V922H611" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<line x2="15" y2="15" transform="translate(650 908)" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></line>
<line x1="15" y2="15" transform="translate(621 908)" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></line>
<path d="M658,940l-15-15-15,15" fill="none" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<circle cx="11" cy="11" r="11" transform="translate(632 889)" fill="#aae1ed" stroke="#2d4d68" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></circle>
</g>
</svg></div>