Other

End Next

<cwc-icon-brand-other>

Other iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-other name="500px"></cwc-icon-brand-other>
<cwc-icon-brand-other class="alter-me" name="500px"></cwc-icon-brand-other>
					

Prefix A

Prev Next

<cwc-icon-brand-prefix-a>

Prefix A iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-a name="azurepipelines"></cwc-icon-brand-prefix-a>
<cwc-icon-brand-prefix-a class="alter-me" name="azurepipelines"></cwc-icon-brand-prefix-a>
					

Prefix B

Prev Next

<cwc-icon-brand-prefix-b>

Prefix B iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-b name="byte"></cwc-icon-brand-prefix-b>
<cwc-icon-brand-prefix-b class="alter-me" name="byte"></cwc-icon-brand-prefix-b>
					

Prefix C

Prev Next

<cwc-icon-brand-prefix-c>

Prefix C iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-c name="curl"></cwc-icon-brand-prefix-c>
<cwc-icon-brand-prefix-c class="alter-me" name="curl"></cwc-icon-brand-prefix-c>
					

Prefix D

Prev Next

<cwc-icon-brand-prefix-d>

Prefix D iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-d name="dynatrace"></cwc-icon-brand-prefix-d>
<cwc-icon-brand-prefix-d class="alter-me" name="dynatrace"></cwc-icon-brand-prefix-d>
					

Prefix E

Prev Next

<cwc-icon-brand-prefix-e>

Prefix E iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-e name="eyeem"></cwc-icon-brand-prefix-e>
<cwc-icon-brand-prefix-e class="alter-me" name="eyeem"></cwc-icon-brand-prefix-e>
					

Prefix F

Prev Next

<cwc-icon-brand-prefix-f>

Prefix F iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-f name="furrynetwork"></cwc-icon-brand-prefix-f>
<cwc-icon-brand-prefix-f class="alter-me" name="furrynetwork"></cwc-icon-brand-prefix-f>
					

Prefix G

Prev Next

<cwc-icon-brand-prefix-g>

Prefix G iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-g name="gutenberg"></cwc-icon-brand-prefix-g>
<cwc-icon-brand-prefix-g class="alter-me" name="gutenberg"></cwc-icon-brand-prefix-g>
					

Prefix H

Prev Next

<cwc-icon-brand-prefix-h>

Prefix H iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-h name="hyundai"></cwc-icon-brand-prefix-h>
<cwc-icon-brand-prefix-h class="alter-me" name="hyundai"></cwc-icon-brand-prefix-h>
					

Prefix I

Prev Next

<cwc-icon-brand-prefix-i>

Prefix I iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-i name="iveco"></cwc-icon-brand-prefix-i>
<cwc-icon-brand-prefix-i class="alter-me" name="iveco"></cwc-icon-brand-prefix-i>
					

Prefix J

Prev Next

<cwc-icon-brand-prefix-j>

Prefix J iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-j name="justgiving"></cwc-icon-brand-prefix-j>
<cwc-icon-brand-prefix-j class="alter-me" name="justgiving"></cwc-icon-brand-prefix-j>
					

Prefix K

Prev Next

<cwc-icon-brand-prefix-k>

Prefix K iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-k name="kyocera"></cwc-icon-brand-prefix-k>
<cwc-icon-brand-prefix-k class="alter-me" name="kyocera"></cwc-icon-brand-prefix-k>
					

Prefix L

Prev Next

<cwc-icon-brand-prefix-l>

Prefix L iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-l name="lyft"></cwc-icon-brand-prefix-l>
<cwc-icon-brand-prefix-l class="alter-me" name="lyft"></cwc-icon-brand-prefix-l>
					

Prefix M

Prev Next

<cwc-icon-brand-prefix-m>

Prefix M iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-m name="mysql"></cwc-icon-brand-prefix-m>
<cwc-icon-brand-prefix-m class="alter-me" name="mysql"></cwc-icon-brand-prefix-m>
					

Prefix N

Prev Next

<cwc-icon-brand-prefix-n>

Prefix N iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-n name="nvidia"></cwc-icon-brand-prefix-n>
<cwc-icon-brand-prefix-n class="alter-me" name="nvidia"></cwc-icon-brand-prefix-n>
					

Prefix O

Prev Next

<cwc-icon-brand-prefix-o>

Prefix O iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-o name="ovh"></cwc-icon-brand-prefix-o>
<cwc-icon-brand-prefix-o class="alter-me" name="ovh"></cwc-icon-brand-prefix-o>
					

Prefix P

Prev Next

<cwc-icon-brand-prefix-p>

Prefix P iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-p name="pyup"></cwc-icon-brand-prefix-p>
<cwc-icon-brand-prefix-p class="alter-me" name="pyup"></cwc-icon-brand-prefix-p>
					

Prefix Q

Prev Next

<cwc-icon-brand-prefix-q>

Prefix Q iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-q name="qzone"></cwc-icon-brand-prefix-q>
<cwc-icon-brand-prefix-q class="alter-me" name="qzone"></cwc-icon-brand-prefix-q>
					

Prefix R

Prev Next

<cwc-icon-brand-prefix-r>

Prefix R iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-r name="ryanair"></cwc-icon-brand-prefix-r>
<cwc-icon-brand-prefix-r class="alter-me" name="ryanair"></cwc-icon-brand-prefix-r>
					

Prefix S

Prev Next

<cwc-icon-brand-prefix-s>

Prefix S iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-s name="synology"></cwc-icon-brand-prefix-s>
<cwc-icon-brand-prefix-s class="alter-me" name="synology"></cwc-icon-brand-prefix-s>
					

Prefix T

Prev Next

<cwc-icon-brand-prefix-t>

Prefix T iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-t name="typo3"></cwc-icon-brand-prefix-t>
<cwc-icon-brand-prefix-t class="alter-me" name="typo3"></cwc-icon-brand-prefix-t>
					

Prefix U

Prev Next

<cwc-icon-brand-prefix-u>

Prefix U iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-u name="upwork"></cwc-icon-brand-prefix-u>
<cwc-icon-brand-prefix-u class="alter-me" name="upwork"></cwc-icon-brand-prefix-u>
					

Prefix V

Prev Next

<cwc-icon-brand-prefix-v>

Prefix V iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-v name="vulkan"></cwc-icon-brand-prefix-v>
<cwc-icon-brand-prefix-v class="alter-me" name="vulkan"></cwc-icon-brand-prefix-v>
					

Prefix W

Prev Next

<cwc-icon-brand-prefix-w>

Prefix W iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-w name="wwe"></cwc-icon-brand-prefix-w>
<cwc-icon-brand-prefix-w class="alter-me" name="wwe"></cwc-icon-brand-prefix-w>
					

Prefix X

Prev Next

<cwc-icon-brand-prefix-x>

Prefix X iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-x name="xsplit"></cwc-icon-brand-prefix-x>
<cwc-icon-brand-prefix-x class="alter-me" name="xsplit"></cwc-icon-brand-prefix-x>
					

Prefix Y

Prev Next

<cwc-icon-brand-prefix-y>

Prefix Y iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-y name="youtubetv"></cwc-icon-brand-prefix-y>
<cwc-icon-brand-prefix-y class="alter-me" name="youtubetv"></cwc-icon-brand-prefix-y>
					

Prefix Z

Prev Start

<cwc-icon-brand-prefix-z>

Prefix Z iconset from brand icons.

Example

Attributes

• attribute name String The name of the icon to use.

<!-- direct import from html (you can import with ES6 import too in JS files! -->
<script type="module" src="/node_modules/custom-web-components/src/icon/brand/index.js"></script>

<style>
	.alter-me {
		width: 50px;
		height: 50px;
		fill: green;
	}
</style>

<cwc-icon-brand-prefix-z name="zulip"></cwc-icon-brand-prefix-z>
<cwc-icon-brand-prefix-z class="alter-me" name="zulip"></cwc-icon-brand-prefix-z>