Oval Outline (oval_outline)¶
← 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
basic, outline, shape, circle, oval, rounded,
Preview
Element HTML
<div x-objectcode="oval_outline" class="lc_ut_designer lc_dt_element lc_dt_object lc_dt_object_svg" id="{id}" title="Oval Outline" style=""><svg width="100%" height="100%" pointer-events="none" viewBox="0 0 20 20">
<g>
<path d="M 10 3 C 7.5494704 3 5.3212279 3.7550444 3.6855469 5.0058594 C 2.0498658 6.2566743 1 8.0283922 1 10 C 1 11.971608 2.0498658 13.743326 3.6855469 14.994141 C 5.3212279 16.244956 7.5494704 17 10 17 C 12.45053 17 14.678772 16.244956 16.314453 14.994141 C 17.950134 13.743326 19 11.971608 19 10 C 19 8.0283922 17.950134 6.2566743 16.314453 5.0058594 C 14.678772 3.7550444 12.45053 3 10 3 z M 10 4 C 12.243891 4 14.266317 4.6990589 15.707031 5.8007812 C 17.147745 6.9025036 18 8.3817569 18 10 C 18 11.618243 17.147745 13.097496 15.707031 14.199219 C 14.266317 15.300941 12.243891 16 10 16 C 7.7561092 16 5.7336826 15.300941 4.2929688 14.199219 C 2.8522549 13.097496 2 11.618243 2 10 C 2 8.3817569 2.8522549 6.9025036 4.2929688 5.8007812 C 5.7336826 4.6990589 7.7561092 4 10 4 z "/>
</g>
</svg></div>