logo svg

logo svg

by pj_js15

HTML

<svg class='logo'>    
<symbol id="icon-hesta-super" viewBox="0 0 128 32">
<title>hesta-super</title>
<path class="path1" d="M108.428 22.776h-0.666l0.334-0.935zM123.404 26.038c-0.035-0.054-0.081-0.098-0.134-0.129-0.058-0.034-0.125-0.053-0.197-0.053-0.005 0-0.010 0-0.015 0-0.003-0-0.007-0-0.011-0-0.074 0-0.143 0.019-0.202 0.053-0.055 0.031-0.102 0.075-0.136 0.128-0.035 0.055-0.062 0.118-0.076 0.185-0.016 0.068-0.025 0.142-0.025 0.218 0 0.002 0 0.004 0 0.006s0 0.003 0 0.005c0 0.074 0.009 0.147 0.026 0.216 0.016 0.067 0.044 0.131 0.082 0.189 0.036 0.052 0.083 0.096 0.138 0.13 0.057 0.034 0.123 0.053 0.194 0.053 0.004 0 0.008-0 0.013-0s0.008 0 0.013 0c0.072 0 0.139-0.018 0.198-0.050 0.054-0.032 0.099-0.077 0.133-0.13 0.033-0.057 0.058-0.122 0.071-0.191 0.014-0.071 0.022-0.148 0.022-0.226 0-0 0-0 0-0-0-0.078-0.008-0.154-0.023-0.227-0.007-0.064-0.029-0.128-0.060-0.186zM112.496 26.038c-0.036-0.056-0.082-0.101-0.137-0.135-0.058-0.034-0.126-0.053-0.198-0.053-0.004 0-0.007 0-0.011 0s-0.008-0-0.013-0c-0.073 0-0.141 0.019-0.2 0.053-0.054 0.034-0.099 0.079-0.133 0.133-0.035 0.056-0.061 0.118-0.074 0.186-0.014 0.069-0.022 0.144-0.022 0.222 0 0.002 0 0.003 0 0.005 0.001 0.077 0.009 0.152 0.026 0.224 0.013 0.064 0.040 0.127 0.076 0.183 0.034 0.052 0.081 0.096 0.135 0.127 0.063 0.032 0.135 0.051 0.211 0.051s0.148-0.018 0.212-0.051c0.053-0.032 0.098-0.076 0.132-0.128 0.036-0.055 0.062-0.118 0.074-0.186 0.014-0.067 0.022-0.141 0.022-0.216 0-0.002 0-0.003 0-0.005-0.001-0.077-0.010-0.152-0.026-0.224-0.010-0.065-0.034-0.13-0.068-0.189zM127.837 0v32h-24.35v-32h24.35zM122.225 9.881l-6.522 6.479-2.655-2.631h-3.873l6.522 6.463 8.463-8.392zM121.369 23.168v-0.913h0.375v-0.34h-0.375v-0.544h-0.511v0.544h-0.31v0.34h0.31v1.087c-0 0.006-0 0.012-0 0.019 0 0.076 0.018 0.147 0.050 0.21 0.029 0.052 0.072 0.097 0.125 0.127 0.056 0.032 0.119 0.054 0.186 0.063 0.069 0.011 0.146 0.017 0.224 0.017 0.001 0 0.003 0 0.004 0h0.155l0.144-0.014v-0.391h-0.158c-0.007 0.001-0.016 0.001-0.025 0.001-0.056...

CSS

svg.logo{
    border: 1px solid gray;
    background-color: #7226E0;
    height: 100px;
    width: 300px;
}
svg #icon-hesta-super{
    fill: #FFF;    
}