Scalable Vectors Library

Scalable Vectors Library - Animals

Related Pages: AAC Pictobabble Semantic Alphabet SuttonGlyphs

The lines of HTML code in Scalable Vectors web pages are grouped, separating the code for each symbol by a linespace so that you can identify where to paste code for additional symbols. If there are 4 symbols in a sentence you will see 4 groups of code that look like this. Copy and paste code from a text box below into the appropriate place in your Scalable Vectors HTML page.

Menu:

action animals arrows

body buildings chemicals

clothes conscience education

feeling foods furnishings

hand hearing industry

language machines

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='25,-13' to='15,-23' strokecolor='green' strokeweight='1.2'/>
<v:line style='position:absolute; top:0; left:0' from='15,-13' to='25,-23' strokecolor='green' strokeweight='1.2'/>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:56px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:50; width:20; height:20' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:70; width:20; height:20' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-22; left:50; width:63; height:63' filled='f' startangle='201' endangle='270' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-22; left:27; width:63; height:63' filled='f' startangle='90' endangle='159' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:91px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:43; width:10; height:10' filled='f' startangle='0' endangle='360' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:48; width:40; height:40' filled='f' startangle='0' endangle='360' strokecolor='green' strokeweight='1.5'/>
<v:oval style='position:absolute; top:18; left:56; width:3px; height:3px' strokecolor='green' fillcolor='green'></v:oval>
<v:oval style='position:absolute; top:28; left:66; width:3px; height:3px' strokecolor='green' fillcolor='green'></v:oval>
<v:oval style='position:absolute; top:18; left:76; width:3px; height:3px' strokecolor='green' fillcolor='green'></v:oval>
<v:arc style='position:absolute; top:0; left:83; width:10; height:10' filled='f' startangle='0' endangle='360' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:96px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:-20; width:40; height:40' filled='f' startangle='0' endangle='90' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:20; width:40; height:40' filled='f' startangle='270' endangle='360' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:56px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:35; left:0; width:10; height:10' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:35; left:20; width:10; height:10' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:35; left:40; width:10; height:10' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:64px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:50' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:80' from='-20,40' to='-30,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:80' from='-20,40' to='-10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:100' from='-20,40' to='-30,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:100' from='-20,40' to='-10,20' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:100; width:20; height:20' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:120; width:20; height:20' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-22; left:100; width:63; height:63' filled='f' startangle='201' endangle='270' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-22; left:77; width:63; height:63' filled='f' startangle='90' endangle='159' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:126px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:20; left:50; width:20; height:20' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:20; left:70; width:20; height:20' filled='f' startangle='90' endangle='270' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:20; left:90; width:20; height:20' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-9; left:68; width:58; height:58' filled='f' startangle='45' endangle='135' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:119px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:50' from='0,0' to='0,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:50' from='40,0' to='40,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:50' from='0,40' to='40,40' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:91px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:0; width:40; height:40' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:40' from='0,20' to='20,0' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:71px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:50; width:40; height:40' filled='f' startangle='0' endangle='360' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:16; left:46; width:28; height:28' filled='f' startangle='315' endangle='405' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-4; left:66; width:28; height:28' filled='f' startangle='135' endangle='225' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-4; left:46; width:28; height:28' filled='f' startangle='135' endangle='225' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:16; left:66; width:28; height:28' filled='f' startangle='315' endangle='405' strokecolor='green' strokeweight='1.5'/>
<v:oval style='position:absolute; top:18; left:58; width:3px; height:3px' strokecolor='green' fillcolor='green'></v:oval>
<v:oval style='position:absolute; top:18; left:78; width:3px; height:3px' strokecolor='green' fillcolor='green'></v:oval>
</v:group>
</div><div style='width:91px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:0' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:50' from='0,40' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:10; left:50' from='0,40' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:50' from='20,0' to='0,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:75' from='0,20' to='20,20' strokecolor='green' strokeweight='1.5'/>
<v:oval style='position:absolute; top:33; left:103; width:3px; height:3px' strokecolor='green' fillcolor='green'></v:oval>
<v:line style='position:absolute; top:-5; left:105' from='0,10' to='0,30' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:106px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:line style='position:absolute; top:0; left:0' from='0,40' to='40,40' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:40; left:0; width:20; height:20' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:40; left:20; width:20; height:20' filled='f' startangle='90' endangle='270' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:40; left:40; width:20; height:20' filled='f' startangle='270' endangle='450' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:40' from='0,40' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-9; left:66; width:58; height:58' filled='f' startangle='225' endangle='315' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-9; left:25; width:58; height:58' filled='f' startangle='45' endangle='135' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-9; left:83; width:58; height:58' filled='f' startangle='225' endangle='315' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:-9; left:42; width:58; height:58' filled='f' startangle='45' endangle='135' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:98px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

<v:group style='position:absolute; top:0; width:700px; height:700px;'>
<v:arc style='position:absolute; top:-10; left:0; width:20; height:20' filled='f' startangle='90' endangle='270' strokecolor='green' strokeweight='1.5'/>
<v:arc style='position:absolute; top:0; left:10; width:20; height:20' filled='f' startangle='180' endangle='360' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,20' to='40,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:20' from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:40' from='0,40' to='10,20' strokecolor='green' strokeweight='1.5'/>
<v:line style='position:absolute; top:0; left:40'  from='10,20' to='20,40' strokecolor='green' strokeweight='1.5'/>
</v:group>
</div><div style='width:71px; position:relative; left:15px; top:45px; float:left;'>
</div><div style='position:relative; left:15px; top:0px;'>

Picto-Babel Playing Cards
Pictobabble Playing Cards