Viewsonic icon

thesvg-color:viewsonic

The Viewsonic icon (thesvg-color:viewsonic) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 201 × 33 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 201 × 33

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="201" height="33" viewBox="0 0 201 33"><path fill="#a41a4a" d="M112.875 0c-.231.879-.474 1.563-1.531 1.563c-1.334 0-3.479-1.532-7.156-1.532c-8.69 0-10.125 6.27-10.126 9.063c0 2.106.008 6.027 7.844 9.781l3.063 1.469c2.985 1.42 5.156 2.526 5.156 5.593c0 .595-.24 5.125-5.75 5.125c-5.859 0-8.516-5.187-9.437-9.812h-1.313v11.313h1.313c.183-.736.408-1.563 1.374-1.563c1.427 0 3.503 1.562 7.876 1.563c8.47 0 11.406-5.533 11.406-9.563c0-4.99-3.496-7.66-5.063-8.437l-6.75-3.344c-3.845-1.923-4.719-2.903-4.719-5.375c0-2.975 2.522-4.375 4.907-4.375c5.413 0 8.174 5.264 9 8.469h1.281V0zM35.781.031c-2.056 0-3.562 1.643-3.562 3.563c0 1.966 1.46 3.531 3.562 3.531c1.965 0 3.531-1.52 3.532-3.531c0-1.965-1.567-3.563-3.532-3.563m133.782 0a3.56 3.56 0 0 0-3.594 3.563c0 1.966 1.491 3.531 3.594 3.531c1.966 0 3.5-1.52 3.5-3.531c0-1.965-1.534-3.563-3.5-3.563M0 .688v1.156c1.974.321 2.65.47 3.844 3.218L15.594 32.5h1.25L27.312 5.594c1.01-2.567 1.6-3.429 4.125-3.75V.688h-9.78v1.156c2.616.137 3.968.306 3.968 2.093c0 .917-.524 2.133-.937 3.188l-5.813 15.063l-6.031-14.47c-.459-1.146-1.375-3.065-1.375-3.937c0-1.741 1.076-1.754 3.969-1.937V.688zm197.188 5.218c-1.848 0-3.407 1.414-3.407 3.344c0 1.939 1.559 3.375 3.406 3.375c1.832 0 3.375-1.436 3.375-3.375c0-1.93-1.543-3.344-3.375-3.344m0 .563c1.52 0 2.718 1.188 2.718 2.781c0 1.611-1.197 2.813-2.719 2.813c-1.536 0-2.75-1.202-2.75-2.813c0-1.592 1.214-2.781 2.75-2.781m-1.313.875v3.843h.594V9.532h.687l1.031 1.656h.657L197.719 9.5c.569-.071 1-.367 1-1.062c0-.766-.428-1.094-1.344-1.094zm.594.5h.812c.409 0 .844.081.844.562c0 .597-.44.625-.937.625h-.72zM51.594 9.937c-5.27 0-9.438 4.343-9.438 11.126c0 7.872 4.684 11.28 9.313 11.28c3.669 0 6.266-1.47 9.062-5.75l-1.093-.655c-.872 1.058-2.483 3.093-5.188 3.093c-4.356 0-5.362-4.68-5.5-8.593h11.563c-.138-2.448-.74-10.5-8.72-10.5m76.25 0c-6.383 0-10.375 5.32-10.375 11.25c0 5.976 3.992 11.157 10.375 11.157c6.244 0 10.312-5.044 10.312-11.157c0-6.388-4.297-11.25-10.312-11.25m26.531 0c-3.916 0-5.886 2.8-6.531 3.907h-.094V10.53H139v1.063c1.836.276 2.438.647 2.438 2.719v13.53c0 2.257-.785 2.46-2.438 2.782v1.094h11.063v-1.094c-2.12-.231-2.282-1.565-2.282-2.625v-12.28c0-.414 2-2.688 3.844-2.688c2.49 0 2.531 2.557 2.531 3.844V28c0 1.703-.635 2.486-2.156 2.625v1.094h10.781v-1.094c-2.249-.093-2.25-1.52-2.25-2.625V16.438c0-5.058-3.638-6.5-6.156-6.5m32.344 0c-4.272 0-10.813 2.824-10.813 11.876c0 5.65 3.963 10.53 9.813 10.53c3.602 0 6.636-1.85 8.75-4.843l-.813-.812c-1.102 1.24-2.286 2.562-4.906 2.562c-3.55 0-6.344-3.725-6.344-10.156c0-2.068.332-7.719 3.875-7.719c.681 0 1.844.434 1.844 1.813c0 2.48.02 4.718 2.594 4.718c.367 0 3.125.003 3.125-2.937c0-3.308-3.879-5.032-7.125-5.031m-156.5.594v1.063c1.743.321 2.437.647 2.437 2.719v13.53c0 2.21-.785 2.367-2.437 2.782v1.094h10.968v-1.094c-1.79-.185-2.156-1.198-2.156-2.625V10.531zm30.969 0v1.063c1.193.23 1.43.572 2.624 3.562l6.782 17.188h1.125l5.594-13.938h.218l4.594 13.938h1.063l7.124-18.438c.782-2.024 1.408-2.129 2.282-2.312V10.53h-6.188v1.063c1.288.137 2.188.247 2.188 1.719c0 1.012-2.324 6.472-3.563 9.968h-.094c-.825-3.588-2.78-9.565-2.78-10.531s1.024-1.064 2.218-1.156V10.53h-10.75v1.063c1.101.137 1.618.159 2.031 1.125c.23.552.51 1.466.969 3.031L73.5 23.625C71.205 17.46 69.625 13.966 69.625 13c0-1.196 1.107-1.314 1.75-1.406V10.53zm102.78 0v1.063c1.746.321 2.438.647 2.438 2.719v13.53c0 2.21-.784 2.367-2.437 2.782v1.094h10.969v-1.094c-1.79-.185-2.157-1.198-2.157-2.625V10.531zm-112.187.844c1.605 0 2.194 1.171 2.469 2.188c.366 1.383.36 3.757.406 5.187h-6.125c0-6.365 1.553-7.375 3.25-7.375m76.063 0c2.809 0 3.594 2.734 3.594 9.813c0 5.837-.385 9.718-3.563 9.718c-3.684 0-3.656-4.755-3.656-9.718c0-5.24.216-9.813 3.625-9.813"/></svg>

How to use the Viewsonic icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:viewsonic" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:viewsonic" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:viewsonic" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--viewsonic]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:viewsonic"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:viewsonic"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/viewsonic.svg" alt="Viewsonic icon" width="24" height="24">

Viewsonic icon FAQ

Is the Viewsonic icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Viewsonic icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:viewsonic" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Viewsonic icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/viewsonic.svg" alt="Viewsonic icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →