Skip to content

Instantly share code, notes, and snippets.

@mediawrangler
Last active April 24, 2019 00:21
Show Gist options
  • Save mediawrangler/0cd73ffc45b4bf911e4efb35ec8f533a to your computer and use it in GitHub Desktop.
Save mediawrangler/0cd73ffc45b4bf911e4efb35ec8f533a to your computer and use it in GitHub Desktop.
svg icon defaults
<h2>Content Template Icon</h2>
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
<g>
<title>Content</title>
<rect fill-opacity="0" fill="#0fffff" id="canvas_background" height="122" width="122" y="-1" x="-1"/>
</g>
<g>
<g id="svg_2">
<line fill="none" stroke="#ffffff" stroke-width="2" fill-opacity="0" x1="4.375191" y1="101.359233" x2="4.375191" y2="3.606691" id="svg_29" stroke-linejoin="null" stroke-linecap="null"/>
<line fill="none" stroke="#ffffff" stroke-width="2" fill-opacity="0" x1="53.875021" y1="53.359398" x2="53.875021" y2="-44.393144" id="svg_30" stroke-linejoin="null" stroke-linecap="null" transform="rotate(-90 53.87503814697266,4.483107566833493) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="20.875134" y1="19.109515" x2="4.875189" y2="5.609561" id="svg_31" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 12.875163078308162,12.35953807830808) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="116.124805" y1="18.359517" x2="100.124859" y2="4.859564" id="svg_32" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 108.12483215332036,11.609540939330993) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="20.125137" y1="115.109188" x2="4.125192" y2="101.609235" id="svg_33" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 12.125165939331197,108.3592071533203) "/>
</g>
<path stroke="#ffffff" id="svg_8" d="m74.538716,78.708664l-1.86282,-6.519871c0.545916,-0.478874 1.058312,-0.991269 1.541975,-1.53958l6.515082,1.86282c0.687184,-1.000847 1.278594,-2.063947 1.80775,-3.167752l-4.8486,-4.692966c0.232254,-0.689579 0.433381,-1.391129 0.577043,-2.114229l6.534237,-1.637749c0.047887,-0.603381 0.09338,-1.209157 0.09338,-1.826905s-0.047887,-1.221129 -0.09338,-1.82451l-6.534237,-1.637749c-0.146057,-0.7231 -0.347184,-1.42465 -0.577043,-2.114229l4.850995,-4.692966c-0.53155,-1.10141 -1.12296,-2.166905 -1.810144,-3.167752l-6.515082,1.860426c-0.481268,-0.545916 -0.996058,-1.058312 -1.541975,-1.53958l1.86282,-6.517476c-1.000847,-0.68479 -2.066342,-1.278594 -3.170146,-1.80775l-4.692966,4.850995c-0.687184,-0.232254 -1.391129,-0.430987 -2.114229,-0.577043l-1.635355,-6.536631c-0.605776,-0.045493 -1.209157,-0.09338 -1.826905,-0.09338s-1.221129,0.047887 -1.82451,0.09338l-1.637749,6.536631c-0.7231,0.146057 -1.42465,0.344789 -2.114229,0.577043l-4.692966,-4.850995c-1.10141,0.536339 -2.164511,1.127748 -3.165358,1.814933l1.86282,6.517476c-0.545916,0.478874 -1.060706,0.993664 -1.53958,1.537186l-6.517476,-1.86282c-0.687184,1.000847 -1.278594,2.066342 -1.80775,3.170146l4.850995,4.692966c-0.22986,0.689579 -0.430987,1.391129 -0.577043,2.114229l-6.536631,1.637749c-0.045493,0.603381 -0.09338,1.209157 -0.09338,1.82451s0.047887,1.221129 0.09338,1.826905l6.536631,1.637749c0.146057,0.7231 0.347184,1.42465 0.577043,2.114229l-4.850995,4.692966c0.529156,1.10141 1.120565,2.166905 1.80775,3.167752l6.517476,-1.86282c0.478874,0.548311 0.993664,1.058312 1.53958,1.53958l-1.86282,6.519871c1.000847,0.68479 2.066342,1.276199 3.167752,1.80775l4.692966,-4.850995c0.689579,0.232254 1.391129,0.433381 2.114229,0.577043l1.637749,6.534237c0.603381,0.047887 1.209157,0.09338 1.826905,0.09338s1.221129,-0.047887 1.826905,-0.09338l1.635355,-6.534237c0.7231,-0.146057 1.427045,-0.347184 2.114229,-0.577043l4.692966,4.850995c1.099016,-0.536339 2.164511,-1.127748 3.165358,-1.812538zm-13.437207,-11.495372c-4.494233,0 -8.138465,-3.644232 -8.138465,-8.138465s3.644232,-8.136071 8.138465,-8.136071s8.136071,3.641837 8.136071,8.136071s-3.641837,8.138465 -8.136071,8.138465zm37.093587,17.012002c0.045493,-1.309721 -0.143662,-2.643385 -0.550705,-3.960289l2.978597,-4.245219c-0.450142,-0.83803 -0.957748,-1.632961 -1.534791,-2.356061l-5.080854,1.065495c-1.024791,-0.871551 -2.190849,-1.551552 -3.438316,-2.037609l-1.46296,-4.977896c-0.924227,-0.162817 -1.860426,-0.251409 -2.808597,-0.253803l-2.332117,4.635501c-0.668029,0.129296 -1.336059,0.306479 -1.992116,0.557888c-0.615353,0.234648 -1.190002,0.526761 -1.740707,0.845213l-4.803107,-1.960989c-0.711128,0.627325 -1.360002,1.304932 -1.946623,2.040004l2.171694,4.712121c-0.620142,1.185213 -1.04634,2.461413 -1.242678,3.795077l-4.527754,2.538033c0.045493,0.929016 0.181972,1.858031 0.392677,2.789442l5.037755,1.242678c0.5531,1.25465 1.295354,2.37761 2.193243,3.335358l-0.842818,5.119164c0.766199,0.550705 1.580284,1.024791 2.425497,1.436622l4.106345,-3.160569c1.283383,0.337606 2.626624,0.466902 3.979444,0.359156l3.476626,3.847753c0.478874,-0.136479 0.955354,-0.282536 1.427045,-0.462113c0.419015,-0.158028 0.814086,-0.344789 1.209157,-0.533945l0.088592,-5.183812c1.089439,-0.811692 2.018454,-1.788595 2.758315,-2.887611l5.174235,-0.320846c0.363944,-0.859579 0.668029,-1.752679 0.881128,-2.669723l-3.996204,-3.30902zm-9.967764,4.805501c-2.875639,1.096622 -6.093673,-0.344789 -7.192689,-3.220428s0.342395,-6.096067 3.218034,-7.195083c2.875639,-1.096622 6.098462,0.344789 7.197478,3.220428c1.096622,2.875639 -0.347184,6.096067 -3.222823,7.195083z" fill-opacity="0" stroke-opacity="null" stroke-width="2" fill="#ffffff"/>
<rect fill="#ffffff" stroke-width="2" x="19.625139" y="19.359515" width="95.99967" height="95.99967" id="svg_34" fill-opacity="0" stroke="#ffffff"/>
</g>
</svg>
<h2>Block Template Icon</h2>
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
<g>
<title>Block</title>
<rect fill-opacity="0" fill="#0fffff" fill-opacity="0" id="canvas_background" height="122" width="122" y="-1" x="-1"/>
</g>
<g>
<g id="svg_2">
<line fill="none" stroke="#ffffff" stroke-width="2" fill-opacity="0" x1="4.375191" y1="101.359233" x2="4.375191" y2="3.606691" id="svg_29" stroke-linejoin="null" stroke-linecap="null"/>
<line fill="none" stroke="#ffffff" stroke-width="2" fill-opacity="0" x1="53.875021" y1="53.359398" x2="53.875021" y2="-44.393144" id="svg_30" stroke-linejoin="null" stroke-linecap="null" transform="rotate(-90 53.87503814697266,4.483107566833493) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="20.875134" y1="19.109515" x2="4.875189" y2="5.609561" id="svg_31" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 12.875163078308162,12.35953807830808) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="116.124805" y1="18.359517" x2="100.124859" y2="4.859564" id="svg_32" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 108.12483215332036,11.609540939330993) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="20.125137" y1="115.109188" x2="4.125192" y2="101.609235" id="svg_33" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 12.125165939331197,108.3592071533203) "/>
<rect fill="#ffffff" stroke-width="2" x="19.625139" y="19.359515" width="95.99967" height="95.99967" id="svg_34" fill-opacity="0" stroke="#ffffff"/>
</g>
</g>
</svg>
<h2>Layout Template Icon</h2>
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
<g>
<title>Layout</title>
<rect fill-opacity="0" fill="#0fffff" id="canvas_background" height="31.99988" width="31.99988" y="-1" x="-1"/>
</g>
<g>
<g id="svg_2">
<line fill="none" stroke="#ffffff" stroke-width="2" fill-opacity="0" x1="4.375191" y1="101.359233" x2="4.375191" y2="3.606691" id="svg_29" stroke-linejoin="null" stroke-linecap="null"/>
<line fill="none" stroke="#ffffff" stroke-width="2" fill-opacity="0" x1="53.875021" y1="53.359398" x2="53.875021" y2="-44.393144" id="svg_30" stroke-linejoin="null" stroke-linecap="null" transform="rotate(-90 53.87503814697266,4.483107566833493) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="20.875134" y1="19.109515" x2="4.875189" y2="5.609561" id="svg_31" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 12.875161170959528,12.359538078308091) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="116.124805" y1="18.359517" x2="100.124859" y2="4.859564" id="svg_32" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 108.12483215332036,11.609540939330993) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="20.125137" y1="115.109188" x2="4.125192" y2="101.609235" id="svg_33" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 12.125164031982898,108.3592071533203) "/>
<path stroke="#ffffff" id="svg_3" d="m52.836855,80.928577l-9.874394,9.872466l49.628371,0l0,-49.626444l-39.753978,39.753978zm23.272878,-21.815431c0.358578,-0.352795 0.925363,-0.352795 1.280085,0l2.236294,2.234366c0.354722,0.352795 0.358578,0.925363 0.003856,1.278158c-0.177361,0.175433 -0.41063,0.264114 -0.640043,0.264114c-0.233269,0 -0.462681,-0.088681 -0.636187,-0.264114l-2.244005,-2.234366c-0.352795,-0.352795 -0.352795,-0.923435 0,-1.278158zm-3.086471,3.092255c0.354722,-0.352795 0.925363,-0.352795 1.27623,0l4.156422,4.152566c0.354722,0.352795 0.354722,0.925363 0.003856,1.274302c-0.177361,0.177361 -0.41063,0.26797 -0.643898,0.26797s-0.462681,-0.088681 -0.636187,-0.264114l-4.156422,-4.152566c-0.354722,-0.352795 -0.354722,-0.925363 0,-1.278158zm-3.092255,3.086471c0.354722,-0.352795 0.925363,-0.352795 1.280085,0l2.236294,2.238222c0.354722,0.352795 0.350867,0.925363 -0.003856,1.278158c-0.177361,0.177361 -0.406774,0.266042 -0.636187,0.266042c-0.233269,0 -0.462681,-0.088681 -0.640043,-0.266042l-2.236294,-2.236294c-0.352795,-0.352795 -0.352795,-0.927291 0,-1.280085zm-3.086471,3.090327c0.354722,-0.352795 0.925363,-0.348939 1.280085,0.003856l2.232438,2.234366c0.352795,0.354722 0.352795,0.925363 0,1.278158c-0.177361,0.177361 -0.408702,0.266042 -0.640043,0.266042c-0.229413,0 -0.462681,-0.088681 -0.640043,-0.266042l-2.232438,-2.238222c-0.352795,-0.354722 -0.352795,-0.925363 0,-1.278158zm-3.090327,3.092255c0.352795,-0.354722 0.923435,-0.354722 1.278158,0l4.152566,4.150638c0.354722,0.354722 0.354722,0.927291 0,1.282013c-0.177361,0.177361 -0.406774,0.266042 -0.636187,0.266042c-0.233269,0 -0.466537,-0.088681 -0.643898,-0.266042l-4.150638,-4.154494c-0.352795,-0.354722 -0.352795,-0.925363 0,-1.278158zm-3.838328,14.69592c-0.175433,0.179289 -0.408702,0.26797 -0.640043,0.26797c-0.229413,0 -0.458826,-0.086753 -0.636187,-0.264114l-4.152566,-4.150638c-0.354722,-0.352795 -0.354722,-0.923435 0,-1.278158s0.923435,-0.354722 1.27623,0l4.152566,4.150638c0.352795,0.350867 0.352795,0.921507 0,1.274302zm1.175982,-5.006599c-0.179289,0.179289 -0.412558,0.26797 -0.641971,0.26797c-0.231341,0 -0.462681,-0.086753 -0.636187,-0.264114l-2.240149,-2.238222c-0.354722,-0.352795 -0.354722,-0.923435 0,-1.272374c0.354722,-0.35665 0.925363,-0.360506 1.280085,-0.005784l2.238222,2.240149c0.352795,0.347011 0.352795,0.919579 0,1.272374zm3.086471,-3.088399c-0.177361,0.177361 -0.406774,0.266042 -0.640043,0.266042c-0.229413,0 -0.460754,-0.088681 -0.638115,-0.266042l-2.234366,-2.236294c-0.354722,-0.354722 -0.354722,-0.925363 0,-1.280085s0.925363,-0.350867 1.278158,0.003856l2.234366,2.238222c0.352795,0.352795 0.352795,0.925363 0,1.274302zm18.771373,3.086471l-16.714368,0l16.714368,-16.714368l0,16.714368zm-0.231341,-21.624575c-0.173506,0.177361 -0.406774,0.266042 -0.636187,0.266042c-0.233269,0 -0.466537,-0.088681 -0.643898,-0.266042l-2.236294,-2.234366c-0.354722,-0.352795 -0.354722,-0.923435 0,-1.278158c0.350867,-0.352795 0.923435,-0.352795 1.27623,0l2.236294,2.234366c0.354722,0.354722 0.35665,0.925363 0.003856,1.278158zm5.004671,-1.172126c-0.177361,0.177361 -0.41063,0.264114 -0.640043,0.264114s-0.462681,-0.086753 -0.636187,-0.264114l-4.152566,-4.152566c-0.354722,-0.352795 -0.354722,-0.927291 0,-1.280085s0.929219,-0.348939 1.280085,0.003856l4.152566,4.152566c0.352795,0.352795 0.348939,0.925363 -0.003856,1.27623z" fill-opacity="0" stroke-opacity="null" stroke-width="2" fill="#ffffff"/>
<rect fill="#ffffff" stroke-width="2" x="19.625139" y="19.359515" width="95.99967" height="95.99967" id="svg_34" fill-opacity="0" stroke="#ffffff"/>
</g>
</g>
</svg>
<h2>Partial Template Icon</h2>
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
<g>
<title>Partial</title>
<rect x="-1" y="-1" width="31.999897" height="31.999897" id="canvas_background" fill="#0fffff" fill-opacity="0" />
</g>
<g>
<line stroke-linecap="null" stroke-linejoin="null" id="svg_29" y2="3.606691" x2="4.375191" y1="101.359233" x1="4.375191" fill-opacity="0" stroke-width="2" stroke="#ffffff" fill="none"/>
<line transform="rotate(-90 53.87503814697266,4.483107566833493) " stroke-linecap="null" stroke-linejoin="null" id="svg_30" y2="-44.393144" x2="53.875021" y1="53.359398" x1="53.875021" fill-opacity="0" stroke-width="2" stroke="#ffffff" fill="none"/>
<line transform="rotate(3.2958412170410156 12.875161170959528,12.359538078308091) " stroke-linecap="null" stroke-linejoin="null" id="svg_31" y2="5.609561" x2="4.875189" y1="19.109515" x1="20.875134" fill-opacity="0" stroke-opacity="null" stroke-width="2" stroke="#ffffff" fill="none"/>
<line transform="rotate(3.2958412170410156 108.12483215332036,11.609540939330993) " stroke-linecap="null" stroke-linejoin="null" id="svg_32" y2="4.859564" x2="100.124859" y1="18.359517" x1="116.124805" fill-opacity="0" stroke-opacity="null" stroke-width="2" stroke="#ffffff" fill="none"/>
<line transform="rotate(3.2958412170410156 12.125164031982898,108.3592071533203) " stroke-linecap="null" stroke-linejoin="null" id="svg_33" y2="101.609235" x2="4.125192" y1="115.109188" x1="20.125137" fill-opacity="0" stroke-opacity="null" stroke-width="2" stroke="#ffffff" fill="none"/>
<g stroke="null" id="svg_35">
<ellipse stroke="#ffffff" fill="#ffffff" stroke-width="1.5" stroke-opacity="null" cx="39.698346" cy="38.390233" id="svg_18" rx="13.073242" ry="13.073242"/>
<ellipse stroke="#ffffff" fill="#ffffff" stroke-width="1.5" stroke-opacity="null" cx="53.809149" cy="96.286023" id="svg_19" rx="13.073242" ry="13.073242"/>
<ellipse stroke="#ffffff" fill="#ffffff" stroke-width="1.5" stroke-opacity="null" cx="97.801649" cy="53.953617" id="svg_20" rx="13.073242" ry="13.073242"/>
<ellipse stroke="#ffffff" fill="#ffffff" stroke-width="1.5" stroke-opacity="null" cx="64.496006" cy="62.980382" id="svg_21" rx="17.534747" ry="17.534747"/>
<rect stroke="#ffffff" fill="#ffffff" stroke-width="1.5" stroke-opacity="null" x="73.603911" y="41.680847" width="4.74999" height="14.749969" id="svg_22" transform="matrix(0.23179677153045752,0.7970266395692418,-0.7970266395692418,0.23179677153045752,105.2817426977719,-14.343118697110256) "/>
<rect stroke="#ffffff" fill="#ffffff" stroke-width="1.5" stroke-opacity="null" x="36.118377" y="34.441942" width="4.74999" height="14.749969" id="svg_23" transform="matrix(-0.5829339737966274,0.590905398239561,-0.590905398239561,-0.5829339737966274,98.77921773879372,51.12267722133244) "/>
<rect stroke="#ffffff" fill="#ffffff" stroke-width="1.5" stroke-opacity="null" x="47.841512" y="72.467341" width="4.74999" height="14.749969" id="svg_24" transform="matrix(-0.7831637125226174,-0.2750196481394963,0.2750196481394963,-0.7831637125226174,76.2627321747263,157.3740416872343) "/>
</g>
<rect stroke="#ffffff" fill-opacity="0" id="svg_34" height="95.99967" width="95.99967" y="19.359515" x="19.625139" stroke-width="2" fill="#ffffff"/>
</g>
</svg>
<h2>UI Template Icon</h2>
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
<g>
<title>UI</title>
<rect fill-opacity="0" fill-opacity="0" fill="#0fffff" id="canvas_background" height="122" width="122" y="-1" x="-1"/>
</g>
<g>
<g id="svg_2">
<line fill="none" stroke="#ffffff" stroke-width="2" fill-opacity="0" x1="4.375191" y1="101.359233" x2="4.375191" y2="3.606691" id="svg_29" stroke-linejoin="null" stroke-linecap="null"/>
<line fill="none" stroke="#ffffff" stroke-width="2" fill-opacity="0" x1="53.875021" y1="53.359398" x2="53.875021" y2="-44.393144" id="svg_30" stroke-linejoin="null" stroke-linecap="null" transform="rotate(-90 53.87503814697266,4.483107566833493) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="20.875134" y1="19.109515" x2="4.875189" y2="5.609561" id="svg_31" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 12.875163078308162,12.35953807830808) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="116.124805" y1="18.359517" x2="100.124859" y2="4.859564" id="svg_32" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 108.12483215332036,11.609540939330993) "/>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="null" fill-opacity="0" x1="20.125137" y1="115.109188" x2="4.125192" y2="101.609235" id="svg_33" stroke-linejoin="null" stroke-linecap="null" transform="rotate(3.2958412170410156 12.125165939331197,108.3592071533203) "/>
<rect fill="#ffffff" stroke-width="2" x="19.625139" y="19.359515" width="95.99967" height="95.99967" id="svg_34" fill-opacity="0" stroke="#ffffff"/>
</g>
<path stroke="#ffffff" id="svg_4" d="m80.121893,83.195092l0,7.195453l4.096196,0l6.131991,5.035723l0.003645,-17.266899l-6.132902,5.035723l-4.098929,0zm12.58293,-0.827441c-0.358132,-0.354487 -0.933149,-0.354487 -1.289459,0.001823c-0.355399,0.35631 -0.355399,0.933149 0.001823,1.29037l0,-0.001823c0.786433,0.787344 1.271233,1.867209 1.271233,3.067362c0,1.199242 -0.483889,2.275462 -1.269411,3.062806c-0.359044,0.354487 -0.359044,0.931326 -0.001823,1.289459c0.177699,0.177699 0.410986,0.267005 0.644274,0.267005c0.234198,0 0.467486,-0.089305 0.645185,-0.267005c1.113582,-1.111759 1.804331,-2.656376 1.80342,-4.352265c0.000911,-1.699534 -0.692571,-3.245973 -1.805242,-4.357732zm2.091383,-2.090472c-0.358132,-0.35631 -0.933149,-0.35631 -1.287636,0c-0.357221,0.35631 -0.357221,0.93406 0,1.288547c1.321353,1.322265 2.136036,3.141176 2.136036,5.158746c0,2.015747 -0.814683,3.833747 -2.134214,5.156923c-0.357221,0.355399 -0.357221,0.932238 0,1.288547c0.177699,0.177699 0.410986,0.267005 0.645185,0.267005c0.233287,0 0.466574,-0.089305 0.644274,-0.267005c1.647591,-1.648502 2.669134,-3.932165 2.667311,-6.445471c0.000911,-2.515128 -1.020632,-4.800614 -2.670956,-6.447293z" fill-opacity="0" stroke-opacity="null" stroke-width="2" fill="#ffffff"/>
<path stroke="#ffffff" id="svg_5" d="m46.743032,38.391105c-4.59652,0 -8.322639,3.726119 -8.322639,8.322639c0,4.59652 3.726119,8.322639 8.322639,8.322639c4.59652,0 8.322639,-3.726119 8.322639,-8.322639c0,-4.59652 -3.726119,-8.322639 -8.322639,-8.322639zm4.802095,7.731682c-0.83089,0.955723 -2.122176,1.271816 -3.255415,0.908195l-4.116081,4.733379c-0.438636,0.503916 -1.201955,0.555453 -1.705872,0.11739s-0.557171,-1.201955 -0.119108,-1.705872l4.121808,-4.738533c-0.511361,-1.067959 -0.376219,-2.384441 0.450662,-3.335011c0.782788,-0.901896 1.9773,-1.231732 3.062438,-0.958587l-1.57703,1.839295l0.515942,1.500869l1.558705,0.302923l1.581038,-1.843876c0.428329,1.038755 0.270855,2.274496 -0.517087,3.179827z" fill-opacity="0" stroke-opacity="null" stroke-width="2" fill="#ffffff"/>
<path stroke="#ffffff" id="svg_6" d="m59.93969,81.200645c-0.003658,-2.019095 -1.638686,-3.655038 -3.656867,-3.657781l0,-0.000914l-11.208355,0c-0.461795,-1.48323 -1.838949,-2.567762 -3.479464,-2.570506l-2.62903,0c-2.019095,0.001829 -3.655038,1.638686 -3.658695,3.657781l0,12.974149c0.003658,2.017266 1.6396,3.653209 3.658695,3.656867l17.317764,0c2.016352,-0.003658 3.653209,-1.6396 3.656867,-3.656867l0,-10.402729l-0.000914,0zm-20.973716,-4.401225l2.62903,0c0.95651,-0.003658 1.752992,0.762647 1.813345,1.715499l0.053038,0.856835l12.822351,0c0.999489,0.001829 1.826147,0.828487 1.827976,1.82889l0,0.45265c-0.540437,-0.315484 -1.159517,-0.509346 -1.82889,-0.51026l-17.317764,0c-0.669374,0.000914 -1.289368,0.195691 -1.82889,0.511175l0,-3.025899c0.002743,-1.000403 0.829402,-1.827062 1.829805,-1.82889zm17.31685,16.63193l-17.31685,0c-0.999489,-0.001829 -1.826147,-0.830316 -1.829805,-1.82889l0,-6.801644l0.000914,0c0.001829,-1.001318 0.828487,-1.827976 1.82889,-1.829805l17.317764,0c0.999489,0.001829 1.82066,0.823915 1.82889,1.82066l0,6.809874c-0.003658,1.001318 -0.830316,1.827976 -1.829805,1.829805z" fill-opacity="0" stroke-opacity="null" stroke-width="2" fill="#ffffff"/>
<path stroke="#ffffff" id="svg_7" d="m75.219007,40.484889l0,0l0,-0.00212l0,0.00212zm0.00106,-0.00212l6.116878,6.118998l-6.117938,6.116878l2.24918,2.25024l8.367118,-8.368178l-8.367118,-8.368178l-2.24812,2.25024zm10.838883,14.333485l15.283186,0l0,-3.178742l-15.283186,0l0,3.178742zm4.594813,-6.624586l10.688373,0l0,-3.178742l-10.688373,0l0,3.178742zm-4.594813,-9.804388l0,3.180861l15.283186,0l0,-3.180861l-15.283186,0z" fill-opacity="0" stroke-opacity="null" stroke-width="2" fill="#ffffff"/>
</g>
</svg>
<h2>Example of a Custom Icon for the "Stepper Accordion" Template</h2>
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
<g>
<rect fill="#0fffff" fill-opacity="0" id="canvas_background" height="122" width="122" y="-1" x="-1"/>
<g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
<rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
</g>
</g>
<g>
<rect stroke="#ffffff" fill-opacity="0" id="svg_2" height="10" width="98.250019" y="23.187459" x="16.249973" stroke-width="1.5" fill="#0fffff"/>
<rect stroke="#ffffff" fill-opacity="0" id="svg_3" height="25.000198" width="91.000041" y="33.687435" x="23.499958" stroke-width="1.5" fill="#0fffff"/>
<rect stroke="#ffffff" fill-opacity="0" id="svg_6" height="10" width="98.250019" y="63.187371" x="16.249973" stroke-width="1.5" fill="#0fffff"/>
<rect stroke="#ffffff" fill-opacity="0" id="svg_7" height="10" width="98.250019" y="78.187338" x="16.249973" stroke-width="1.5" fill="#0fffff"/>
<rect stroke="#ffffff" fill-opacity="0" id="svg_8" height="10" width="98.250019" y="93.187305" x="16.249973" stroke-width="1.5" fill="#0fffff"/>
<text style="cursor: move;" stroke="#ffffff" xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="6" id="svg_10" y="15.609469" x="13.625101" stroke-width="0" fill="#ffffff">Header Text</text>
<ellipse ry="3.499992" rx="3.499992" id="svg_11" cy="28.109444" cx="9.625109" fill-opacity="0" stroke-width="1.5" stroke="#ffffff" fill="#0fffff"/>
<ellipse ry="3.499992" rx="3.499992" id="svg_12" cy="68.109356" cx="9.625109" fill-opacity="0" stroke-width="1.5" stroke="#ffffff" fill="#0fffff"/>
<ellipse ry="3.499992" rx="3.499992" id="svg_14" cy="83.109323" cx="9.625109" fill-opacity="0" stroke-width="1.5" stroke="#ffffff" fill="#0fffff"/>
<ellipse ry="3.499992" rx="3.499992" id="svg_15" cy="98.10929" cx="9.625109" fill-opacity="0" stroke-width="1.5" stroke="#ffffff" fill="#0fffff"/>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment