unable to change viewBox to 0 0 24 24

[yusancky]

The following is the SVG file. It works well.

<svg role="img" xmlns="http://www.w3.org/2000/svg" width="488.202" height="489.008" viewBox="0 0 129.17 129.383"><title>HarmonyOS</title><g style="fill:#000"><path d="M554.271 158.038h5.662v11.602h12.625v-11.602h5.662v29.046h-5.662v-12.251h-12.625v12.25h-5.662zM581.24 187.084ZM593.486 158.038h5.579l9.185 15.375h.335l9.185-15.375h5.62v29.046h-5.62v-14.32l.336-4.868h-.336l-7.633 13.022h-3.397l-7.675-13.022h-.336l.336 4.868v14.32h-5.579z" style="font-weight:700;font-size:40.5663px;font-family:'Product Sans';-inkscape-font-specification:'Product Sans Bold';fill:#000;stroke-width:3.43732" transform="translate(-522.616 -128.44)"/></g><path d="M608.86 228.82q-1.973 0-3.774-.528t-3.302-1.582q-1.5-1.055-2.616-2.556-1.115-1.542-1.758-3.57l5.446-2.028q.6 2.19 2.101 3.65 1.5 1.42 3.945 1.42.9 0 1.715-.202.858-.244 1.5-.65.687-.446 1.073-1.095.386-.649.386-1.5 0-.812-.3-1.46-.3-.65-1.03-1.218-.686-.568-1.843-1.095-1.115-.528-2.787-1.095l-1.887-.65q-1.244-.405-2.53-1.095-1.243-.69-2.273-1.663-1.029-.974-1.715-2.272-.643-1.338-.643-3.002 0-1.703.686-3.164.73-1.5 2.015-2.596 1.33-1.136 3.13-1.744 1.844-.65 4.074-.65 2.316 0 3.988.609 1.715.568 2.873 1.5 1.2.893 1.93 1.989.728 1.095 1.071 2.069l-5.102 2.028q-.429-1.217-1.587-2.19-1.115-.974-3.087-.974-1.887 0-3.13.852-1.244.81-1.244 2.15 0 1.298 1.2 2.23 1.201.893 3.817 1.745l1.93.609q1.844.608 3.344 1.42 1.544.77 2.616 1.865 1.115 1.096 1.672 2.516.6 1.379.6 3.204 0 2.272-.986 3.935-.943 1.623-2.444 2.678-1.5 1.054-3.387 1.582-1.887.527-3.688.527z" style="font-weight:700;font-size:40.5663px;font-family:'Product Sans';-inkscape-font-specification:'Product Sans Bold';fill:#000;stroke-width:3.47555" transform="translate(-522.616 -128.44)"/><path d="M566.262 228.82q-3.165 0-5.895-1.177-2.69-1.177-4.667-3.205-1.978-2.069-3.125-4.827-1.108-2.8-1.108-5.964 0-3.164 1.108-5.922 1.147-2.8 3.125-4.828 1.978-2.069 4.667-3.245 2.73-1.177 5.895-1.177 3.164 0 5.854 1.177 2.73 1.176 4.707 3.245 1.978 2.029 3.086 4.828 1.147 2.758 1.147 5.922 0 3.164-1.147 5.964-1.108 2.758-3.086 4.827-1.978 2.028-4.707 3.205-2.69 1.176-5.854 1.176zm0-5.193q1.977 0 3.678-.73 1.74-.73 3.007-2.029 1.305-1.298 2.017-3.124.752-1.866.752-4.097 0-2.23-.752-4.056-.712-1.866-2.017-3.165-1.266-1.298-3.007-2.028-1.7-.73-3.678-.73t-3.719.73q-1.7.73-3.006 2.028-1.266 1.299-2.018 3.165-.712 1.825-.712 4.056t.712 4.097q.752 1.826 2.018 3.124 1.305 1.298 3.006 2.028 1.74.73 3.719.73z" style="font-weight:700;font-size:40.5663px;font-family:'Product Sans';-inkscape-font-specification:'Product Sans Bold';fill:#000;stroke-width:3.3382" transform="translate(-522.616 -128.44)"/><path d="M582.52 228.17Z" style="font-weight:700;font-size:40.5663px;font-family:'Product Sans';-inkscape-font-specification:'Product Sans Bold';fill:#f60;stroke-width:3.3382" transform="translate(-522.616 -128.44)"/><path style="fill:#5b8aee;fill-opacity:1;stroke:none;stroke-width:89.9999;stroke-linecap:square;paint-order:markers fill stroke" d="M555.483 231.567h21.248v4.944h-21.248z" transform="translate(-522.616 -128.44)"/></svg>

When I changed viewBox to 0 0 24 24, it didn't seem to work well.

<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>HarmonyOS</title><g style="fill:#000"><path d="M554.271 158.038h5.662v11.602h12.625v-11.602h5.662v29.046h-5.662v-12.251h-12.625v12.25h-5.662zM581.24 187.084ZM593.486 158.038h5.579l9.185 15.375h.335l9.185-15.375h5.62v29.046h-5.62v-14.32l.336-4.868h-.336l-7.633 13.022h-3.397l-7.675-13.022h-.336l.336 4.868v14.32h-5.579z" style="font-weight:700;font-size:40.5663px;font-family:'Product Sans';-inkscape-font-specification:'Product Sans Bold';fill:#000;stroke-width:3.43732" transform="translate(-522.616 -128.44)"/></g><path d="M608.86 228.82q-1.973 0-3.774-.528t-3.302-1.582q-1.5-1.055-2.616-2.556-1.115-1.542-1.758-3.57l5.446-2.028q.6 2.19 2.101 3.65 1.5 1.42 3.945 1.42.9 0 1.715-.202.858-.244 1.5-.65.687-.446 1.073-1.095.386-.649.386-1.5 0-.812-.3-1.46-.3-.65-1.03-1.218-.686-.568-1.843-1.095-1.115-.528-2.787-1.095l-1.887-.65q-1.244-.405-2.53-1.095-1.243-.69-2.273-1.663-1.029-.974-1.715-2.272-.643-1.338-.643-3.002 0-1.703.686-3.164.73-1.5 2.015-2.596 1.33-1.136 3.13-1.744 1.844-.65 4.074-.65 2.316 0 3.988.609 1.715.568 2.873 1.5 1.2.893 1.93 1.989.728 1.095 1.071 2.069l-5.102 2.028q-.429-1.217-1.587-2.19-1.115-.974-3.087-.974-1.887 0-3.13.852-1.244.81-1.244 2.15 0 1.298 1.2 2.23 1.201.893 3.817 1.745l1.93.609q1.844.608 3.344 1.42 1.544.77 2.616 1.865 1.115 1.096 1.672 2.516.6 1.379.6 3.204 0 2.272-.986 3.935-.943 1.623-2.444 2.678-1.5 1.054-3.387 1.582-1.887.527-3.688.527z" style="font-weight:700;font-size:40.5663px;font-family:'Product Sans';-inkscape-font-specification:'Product Sans Bold';fill:#000;stroke-width:3.47555" transform="translate(-522.616 -128.44)"/><path d="M566.262 228.82q-3.165 0-5.895-1.177-2.69-1.177-4.667-3.205-1.978-2.069-3.125-4.827-1.108-2.8-1.108-5.964 0-3.164 1.108-5.922 1.147-2.8 3.125-4.828 1.978-2.069 4.667-3.245 2.73-1.177 5.895-1.177 3.164 0 5.854 1.177 2.73 1.176 4.707 3.245 1.978 2.029 3.086 4.828 1.147 2.758 1.147 5.922 0 3.164-1.147 5.964-1.108 2.758-3.086 4.827-1.978 2.028-4.707 3.205-2.69 1.176-5.854 1.176zm0-5.193q1.977 0 3.678-.73 1.74-.73 3.007-2.029 1.305-1.298 2.017-3.124.752-1.866.752-4.097 0-2.23-.752-4.056-.712-1.866-2.017-3.165-1.266-1.298-3.007-2.028-1.7-.73-3.678-.73t-3.719.73q-1.7.73-3.006 2.028-1.266 1.299-2.018 3.165-.712 1.825-.712 4.056t.712 4.097q.752 1.826 2.018 3.124 1.305 1.298 3.006 2.028 1.74.73 3.719.73z" style="font-weight:700;font-size:40.5663px;font-family:'Product Sans';-inkscape-font-specification:'Product Sans Bold';fill:#000;stroke-width:3.3382" transform="translate(-522.616 -128.44)"/><path d="M582.52 228.17Z" style="font-weight:700;font-size:40.5663px;font-family:'Product Sans';-inkscape-font-specification:'Product Sans Bold';fill:#f60;stroke-width:3.3382" transform="translate(-522.616 -128.44)"/><path style="fill:#5b8aee;fill-opacity:1;stroke:none;stroke-width:89.9999;stroke-linecap:square;paint-order:markers fill stroke" d="M555.483 231.567h21.248v4.944h-21.248z" transform="translate(-522.616 -128.44)"/></svg>

[Anmol-Baranwal]

I have adjusted the SVG viewBox.

<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>HarmonyOS</title><g transform="translate(-6915 -2940)"><g transform="translate(6887.149 2910.402)"><g transform="translate(29.709 29.598)"><path d="M554.271,158.038H556v3.548h3.861v-3.548H561.6v8.883h-1.732v-3.747H556v3.746h-1.732ZM562.519,166.921Zm3.745-8.883h1.706l2.809,4.7h.1l2.809-4.7h1.719v8.883h-1.719v-4.38l.1-1.489h-.1l-2.334,3.983h-1.039l-2.347-3.983h-.1l.1,1.489v4.38h-1.706Z" transform="translate(-554.271 -158.038)"/></g><path d="M600.912,207.756a4.082,4.082,0,0,1-1.154-.161,3.417,3.417,0,0,1-1.01-.484,3.5,3.5,0,0,1-.8-.782,3.817,3.817,0,0,1-.538-1.092l1.666-.62a2.411,2.411,0,0,0,.643,1.116,1.683,1.683,0,0,0,1.207.434,2.173,2.173,0,0,0,.524-.062,1.749,1.749,0,0,0,.459-.2,1.02,1.02,0,0,0,.328-.335.88.88,0,0,0,.118-.459,1.052,1.052,0,0,0-.092-.447,1.031,1.031,0,0,0-.315-.373,2.538,2.538,0,0,0-.564-.335,8.135,8.135,0,0,0-.852-.335l-.577-.2a4.753,4.753,0,0,1-.774-.335,3.44,3.44,0,0,1-.7-.509,2.662,2.662,0,0,1-.525-.695,2.093,2.093,0,0,1-.2-.918,2.248,2.248,0,0,1,.21-.968,2.433,2.433,0,0,1,.616-.794,2.87,2.87,0,0,1,.957-.533,3.726,3.726,0,0,1,1.246-.2,3.57,3.57,0,0,1,1.22.186,2.783,2.783,0,0,1,.879.459,2.468,2.468,0,0,1,.59.608,2.9,2.9,0,0,1,.328.633l-1.56.62a1.55,1.55,0,0,0-.485-.67,1.387,1.387,0,0,0-.944-.3,1.655,1.655,0,0,0-.957.261.754.754,0,0,0-.38.658.843.843,0,0,0,.367.682,4.232,4.232,0,0,0,1.167.534l.59.186a6.271,6.271,0,0,1,1.023.434,2.948,2.948,0,0,1,.8.57,2.191,2.191,0,0,1,.511.769,2.44,2.44,0,0,1,.183.98,2.317,2.317,0,0,1-.3,1.2,2.559,2.559,0,0,1-.747.819,3.361,3.361,0,0,1-1.036.484,4.184,4.184,0,0,1-1.128.161Z" transform="translate(-554.508 -156.51)"/><path d="M555.992,207.756a4.441,4.441,0,0,1-3.23-1.34,4.757,4.757,0,0,1-.956-1.476,4.912,4.912,0,0,1-.339-1.824,4.813,4.813,0,0,1,.339-1.811,4.569,4.569,0,0,1,.956-1.477,4.38,4.38,0,0,1,1.427-.992,4.5,4.5,0,0,1,1.8-.36,4.417,4.417,0,0,1,1.79.36,4.343,4.343,0,0,1,1.44.992,4.418,4.418,0,0,1,.944,1.477,4.67,4.67,0,0,1,.351,1.811,4.765,4.765,0,0,1-.351,1.824,4.589,4.589,0,0,1-.944,1.476,4.495,4.495,0,0,1-3.23,1.34Zm0-1.588a2.822,2.822,0,0,0,1.125-.223,2.761,2.761,0,0,0,.92-.621,2.723,2.723,0,0,0,.617-.955,3.321,3.321,0,0,0,.23-1.253,3.227,3.227,0,0,0-.23-1.24,2.7,2.7,0,0,0-.617-.968,2.759,2.759,0,0,0-.92-.62,2.821,2.821,0,0,0-1.125-.223,2.856,2.856,0,0,0-2.057.844,2.946,2.946,0,0,0-.617.968,3.388,3.388,0,0,0-.218,1.24,3.488,3.488,0,0,0,.218,1.253,2.972,2.972,0,0,0,.617.955,2.856,2.856,0,0,0,2.057.843Z" transform="translate(-522.616 -156.51)"/><path d="M582.52,228.17Z" transform="translate(-544.172 -177.123)" fill="#f60"/><path d="M555.483,231.567h6.5v1.512h-6.5Z" transform="translate(-525.404 -179.481)" fill="#5b8aee"/></g></g></svg>

You can make further changes as per documentation.

You cannot directly change the value of viewBox as it requires JavaScript.

[yusancky]

Thanks very much. But I'm new to SVG and I can't deal with g or combine paths.

Could you please help me?

<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>HarmonyOS</title><g transform="translate(-6915 -2940)"><g transform="translate(6887.149 2910.402)"><g transform="translate(29.709 29.598)"><path d="M554.271,158.038H556v3.548h3.861v-3.548H561.6v8.883h-1.732v-3.747H556v3.746h-1.732ZM562.519,166.921Zm3.745-8.883h1.706l2.809,4.7h.1l2.809-4.7h1.719v8.883h-1.719v-4.38l.1-1.489h-.1l-2.334,3.983h-1.039l-2.347-3.983h-.1l.1,1.489v4.38h-1.706Z" transform="translate(-554.271 -158.038)"/></g><path d="M600.912,207.756a4.082,4.082,0,0,1-1.154-.161,3.417,3.417,0,0,1-1.01-.484,3.5,3.5,0,0,1-.8-.782,3.817,3.817,0,0,1-.538-1.092l1.666-.62a2.411,2.411,0,0,0,.643,1.116,1.683,1.683,0,0,0,1.207.434,2.173,2.173,0,0,0,.524-.062,1.749,1.749,0,0,0,.459-.2,1.02,1.02,0,0,0,.328-.335.88.88,0,0,0,.118-.459,1.052,1.052,0,0,0-.092-.447,1.031,1.031,0,0,0-.315-.373,2.538,2.538,0,0,0-.564-.335,8.135,8.135,0,0,0-.852-.335l-.577-.2a4.753,4.753,0,0,1-.774-.335,3.44,3.44,0,0,1-.7-.509,2.662,2.662,0,0,1-.525-.695,2.093,2.093,0,0,1-.2-.918,2.248,2.248,0,0,1,.21-.968,2.433,2.433,0,0,1,.616-.794,2.87,2.87,0,0,1,.957-.533,3.726,3.726,0,0,1,1.246-.2,3.57,3.57,0,0,1,1.22.186,2.783,2.783,0,0,1,.879.459,2.468,2.468,0,0,1,.59.608,2.9,2.9,0,0,1,.328.633l-1.56.62a1.55,1.55,0,0,0-.485-.67,1.387,1.387,0,0,0-.944-.3,1.655,1.655,0,0,0-.957.261.754.754,0,0,0-.38.658.843.843,0,0,0,.367.682,4.232,4.232,0,0,0,1.167.534l.59.186a6.271,6.271,0,0,1,1.023.434,2.948,2.948,0,0,1,.8.57,2.191,2.191,0,0,1,.511.769,2.44,2.44,0,0,1,.183.98,2.317,2.317,0,0,1-.3,1.2,2.559,2.559,0,0,1-.747.819,3.361,3.361,0,0,1-1.036.484,4.184,4.184,0,0,1-1.128.161Z" transform="translate(-554.508 -156.51)"/><path d="M555.992,207.756a4.441,4.441,0,0,1-3.23-1.34,4.757,4.757,0,0,1-.956-1.476,4.912,4.912,0,0,1-.339-1.824,4.813,4.813,0,0,1,.339-1.811,4.569,4.569,0,0,1,.956-1.477,4.38,4.38,0,0,1,1.427-.992,4.5,4.5,0,0,1,1.8-.36,4.417,4.417,0,0,1,1.79.36,4.343,4.343,0,0,1,1.44.992,4.418,4.418,0,0,1,.944,1.477,4.67,4.67,0,0,1,.351,1.811,4.765,4.765,0,0,1-.351,1.824,4.589,4.589,0,0,1-.944,1.476,4.495,4.495,0,0,1-3.23,1.34Zm0-1.588a2.822,2.822,0,0,0,1.125-.223,2.761,2.761,0,0,0,.92-.621,2.723,2.723,0,0,0,.617-.955,3.321,3.321,0,0,0,.23-1.253,3.227,3.227,0,0,0-.23-1.24,2.7,2.7,0,0,0-.617-.968,2.759,2.759,0,0,0-.92-.62,2.821,2.821,0,0,0-1.125-.223,2.856,2.856,0,0,0-2.057.844,2.946,2.946,0,0,0-.617.968,3.388,3.388,0,0,0-.218,1.24,3.488,3.488,0,0,0,.218,1.253,2.972,2.972,0,0,0,.617.955,2.856,2.856,0,0,0,2.057.843Z" transform="translate(-522.616 -156.51)"/><path d="M582.52,228.17Z" transform="translate(-544.172 -177.123)"/><path d="M555.483,231.567h6.5v1.512h-6.5Z" transform="translate(-525.404 -179.481)"/></g></g></svg>

Ha, I did it with SVGO. 😀