1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
---
layout: default
title: Logo
nav_order: 11
---
# Logo
## Download
### Color
<img src="logo/viewcomponent-color-logo.svg" alt="Full ViewComponent logo in red and black" class="px-1 mt-2 mbn-2" style="margin-bottom: -1rem">
Full logo for light backgrounds ([SVG](logo/viewcomponent-color-logo.svg) • [PNG](logo/viewcomponent-color-logo.png))
<img src="/logo/viewcomponent-color-logo-inverse.svg" alt="Full ViewComponent logo in red and white" class="bg-grey-dk-200 p-1 mt-2 mbn-2" style="margin-bottom: -1rem">
Full logo for dark backgrounds ([SVG](logo/viewcomponent-color-logo-inverse.svg) • [PNG](logo/viewcomponent-color-logo-inverse.png))
<img src="logo/viewcomponent-color-logomark.svg" alt="ViewComponent logomark in red" class="px-1 mt-2 mbn-2" style="margin-bottom: -1rem">
Logomark for light or dark backgrounds ([SVG](logo/viewcomponent-color-logomark.svg) • [PNG](logo/viewcomponent-color-logomark.png))
### Black
<img src="logo/viewcomponent-black-logo.svg" alt="Full ViewComponent logo in black" class="px-1 mt-2 mbn-2" style="margin-bottom: -1rem">
Full logo for light backgrounds ([SVG](logo/viewcomponent-black-logo.svg) • [PNG](logo/viewcomponent-black-logo.png))
<img src="logo/viewcomponent-black-logomark.svg" alt="ViewComponent logomark in black" class="px-1 mt-2 mbn-2" style="margin-bottom: -1rem">
Logomark for light backgrounds ([SVG](logo/viewcomponent-black-logomark.svg) • [PNG](logo/viewcomponent-black-logomark.png))
### White
<img src="/logo/viewcomponent-white-logo.svg" alt="Full ViewComponent logo in white" class="bg-grey-dk-200 p-1 mt-2 mbn-2" style="margin-bottom: -1rem">
Full logo for dark backgrounds ([SVG](logo/viewcomponent-white-logo.svg) • [PNG](logo/viewcomponent-white-logo.png))
<img src="/logo/viewcomponent-white-logomark.svg" alt="ViewComponent logomark in white" class="bg-grey-dk-200 p-1 mt-2 mbn-2" style="margin-bottom: -1rem">
Logomark for dark backgrounds ([SVG](logo/viewcomponent-white-logomark.svg) • [PNG](logo/viewcomponent-white-logomark.png))
## Colors
### ViewComponent red
* `#DF3730`
* `hsl(2 73% 53%)`
* `rbg(223 55 48)`
* `cmyk(5% 89% 82% 0%)`
## Usage
Use these marks to refer to the ViewComponent project in a way that doesn't claim endorsement or association.
Don't use these marks in a commercial setting to infer that a product or service is endorsed or associated with ViewComponent without permission.
Reach out before using the ViewComponent logo on a book cover or merchandise.
## About
[Dylan Smith](https://dylanatsmith.com) contributed the ViewComponent logo. It is licensed under the MIT license.
|
