Credit Suisse icon
thesvg-color:credit-suisse
The Credit Suisse icon (thesvg-color:credit-suisse) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 482 × 238 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
- 482 × 238
- Tags
- creditsuisse
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="482" height="238" viewBox="0 0 482 238"><defs><clipPath id="SVGPWKhYdYq"><path d="M27.303 816.072H79.69v-26.877H27.303z"/></clipPath></defs><path fill="#00aeef" d="m79.77 44.341l-1.636-3.272l-1.636-2.73l-2.178-2.177l-2.73-2.178l-2.73-1.636l-5.449-2.178h-3.272l-4.907.542l-4.356 1.094l-3.814 2.178l-3.272 3.271l-2.73 3.814l-2.178 5.45l-1.093 6.001l-.543 7.628v5.45l1.085 5.46l1.645 4.897l2.178 4.908l3.272 3.823l4.356 3.272l4.907 2.178l6.544.542h2.178l5.45-2.178l5.459-3.271l2.178-2.179l2.178-2.73l1.636-3.27l18.359 9.272l-3.094 5.45l-3.814 4.356l-3.814 4.179l-4.908 3.271l-4.907 2.73l-5.45 2.178l-5.46 1.094l-5.991.542l-10.9-1.085l-9.273-2.73l-8.179-4.907l-7.086-6.356l-5.45-7.086l-3.813-8.73l-2.188-9.264l-1.084-9.816l.542-9.815l2.73-9.264l3.271-8.721l5.45-7.086l6.544-6.543l7.627-4.908l9.274-2.73l10.357-1.084l6.543.542l6.535 1.094l5.459 2.178l4.898 2.73l4.908 3.262l4.365 4.366l3.814 4.907l3.094 5.45zm25.435-31.624h46.347l7.627.552l6.544 1.084l5.992 2.73l4.908 3.272l3.823 4.356l3.262 5.459l1.458 5.992l.543 7.637l-.543 4.356l-.906 4.365l-1.636 3.814l-2.178 3.814l-2.73 3.272l-3.272 2.178l-3.813 2.187l-4.366 1.636l21.631 38.523h-26.538L142.83 73.777h-14.723v34.167h-22.902zm22.902 43.075h21.809l4.907-.551l3.814-2.72l2.72-3.814l1.094-5.46l-1.093-5.992l-2.72-3.823l-3.815-2.72l-4.907-.542h-21.809zm146.107-43.075h36.522l10.357.552l9.273 2.178l7.628 3.272l7.086 4.907l5.45 6.544l4.365 8.17l2.178 9.815l1.094 11.993l-1.094 11.994l-2.178 9.815l-4.366 8.18l-5.45 6.543l-7.085 5.262l-7.628 3.272l-9.273 2.188l-10.357.542h-36.522zm23.435 75.241h13.629l6.001-.551l4.908-1.636l4.356-2.72l3.272-3.272l2.73-4.366l1.635-4.356l.542-5.459l.552-5.45l-.552-5.45l-.542-5.45l-1.636-4.365l-2.73-4.356l-3.271-3.272l-4.356-2.73l-4.908-1.635l-6.001-.542h-13.63zm70.146 19.986h23.442V12.717h-23.442z"/><g clip-path="url(#SVGPWKhYdYq)" transform="matrix(9.35 0 0 -9.35 -245.22 7638.48)"><path fill="#00aeef" d="M68.962 815.779h7.737v-1.983h-2.605v-8.204h-2.508v8.204h-2.624z"/><path fill="#ed1c24" d="m29.226 796.183l.35-.291l.292-.234l.35-.233l.35-.175l.35-.175l.35-.117l.408-.058h.758l.292.058l.291.059l.292.116l.291.175l.234.234l.116.233l.059.291l-.059.35l-.233.234l-.35.175l-.466.116l-2.1.35l-.642.097l-.583.234l-.525.291l-.349.292l-.35.408l-.234.408l-.116.467l-.059.525l.059.875l.291.758l.35.583l.525.447l.642.35l.641.292l.758.116l.817.058l.641-.058l.584-.058l.641-.175l.583-.233l.525-.292l.525-.272l.467-.408l.466-.467l-1.866-1.341l-.292.291l-.583.467l-.35.175l-.35.175l-.408.116l-.35.059h-.408l-.467-.059l-.466-.233l-.35-.35l-.117-.408l.059-.35l.291-.292l.408-.174l.642-.175l.933-.117l.758-.117l.7-.175l.583-.233l.583-.292l.409-.349l.35-.467l.233-.564l.058-.641l-.117-1.05l-.349-.816l-.525-.642l-.584-.467l-.758-.349l-.758-.234l-1.516-.116h-.642l-.583.116l-.583.175l-.583.175l-.525.292l-.583.35l-.525.466l-.525.525z"/></g><path fill="#ed1c24" d="m183.166 191.532l-1.084 9.273l-2.73 7.628l-3.814 6.001l-5.45 4.908l-6 3.814l-7.087 2.178l-6.543 1.636l-7.086.542l-7.085-.542l-6.544-1.636l-7.085-2.178l-5.46-3.814l-5.45-4.908l-3.813-6.001l-2.73-7.628l-1.084-9.273v-61.238h22.893v62.874l.542 3.823l1.093 3.263l1.636 2.187l2.178 2.72l6.544 2.188l4.365.542l4.356-.542l3.272-1.094l2.73-1.094l2.178-2.72l1.636-2.187l1.093-3.263l1.085-3.823v-62.874h23.444zm12.9 33.26h23.442v-94.498h-23.442zm45.075-28.895l3.272 2.72l2.72 2.188l3.272 2.178l3.272 1.636l3.271 1.636l3.814 1.094l3.814.542h6.544l2.542-.542l3.272-.552l2.73-1.084l2.72-1.636l2.187-2.188l1.085-2.178l.551-2.72l-.551-3.272l-2.178-2.187l-3.272-1.636l-4.908-1.084l-19.443-3.272l-5.992-.907l-5.45-2.187l-4.908-2.72l-3.271-2.73l-3.272-3.814l-2.188-3.814l-1.084-4.365l-.542-4.908l.542-8.18l2.72-7.085l3.272-5.45l4.908-4.178l6.001-3.272l5.992-2.73l7.086-1.084l7.637-.542l5.814.542l5.45.543l6.001 1.635l5.45 2.178l4.908 2.73l4.907 2.543l4.356 3.814l4.366 4.365l-17.443 12.535l-2.73-2.72l-5.45-4.365l-3.271-1.636l-3.272-1.636l-3.272-1.084l-3.636-.552h-3.814l-4.366.552l-4.356 2.178l-3.271 3.271l-1.094 3.814l.551 3.272l2.72 2.73l3.815 1.626l6 1.636l8.545 1.094l7.085 1.093l6.544 1.636l5.45 2.178l5.45 2.73l3.813 3.262l3.272 4.366l2.188 5.272l.542 5.992l-1.094 9.815l-3.272 7.628l-4.907 6.001l-5.45 4.366l-7.086 3.262l-7.085 2.187l-6.908.543l-7.086.542h-6.001l-5.45-1.085l-5.45-1.635l-5.45-1.636l-4.907-2.73l-5.45-3.272l-4.908-4.356l-4.73-4.907zm85.402 0l3.272 2.72l2.73 2.188l3.271 2.178l2.72 1.636l3.272 1.636l3.272 1.094l3.814.542h7.095l2.72-.542l2.542-.552l2.73-1.084l2.73-1.636l2.178-2.188l1.093-2.178l.542-2.72l-.542-3.272l-2.187-2.187l-3.272-1.636l-4.72-1.084l-19.08-3.272l-5.45-.907l-5.458-2.187l-4.908-2.72l-3.814-2.73l-3.272-3.814l-2.178-3.814l-1.093-4.365l-.543-4.908l1.094-8.18l2.178-7.085l3.814-5.45l4.908-4.178l5.45-3.272l6-2.73l7.086-1.084l7.628-.542l5.46.542l5.814.543l5.45 1.635l5.45 2.178l5.45 2.73l4.907 2.543l4.365 3.814l4.356 4.365l-17.985 12.535l-2.187-2.72l-2.72-2.187l-3.272-2.178l-2.73-1.636l-3.272-1.636l-3.627-1.084l-3.271-.552h-3.824l-4.356.552l-4.365 2.178l-3.272 3.271l-1.636 3.814l1.094 3.272l2.178 2.73l4.365 1.626l5.45 1.636l9.273 1.094l6.357 1.093l6.543 1.636l5.992 2.178l4.908 2.73l4.365 3.262l3.272 4.366l2.178 5.272l.542 5.992l-1.084 9.815l-3.272 7.628l-4.907 6.001l-5.45 4.366l-7.095 3.262l-7.086 2.187l-6.899.543l-7.095.542h-5.992l-6-1.085l-4.908-1.635l-5.45-1.636l-4.898-2.73l-4.908-3.272l-4.908-4.356l-4.907-4.907zm75.054 28.895v-94.498h67.416v18.35h-43.972v18.537h40.7v17.994h-40.7v21.08h43.43v18.537z"/><path fill="#00aeef" d="M196.066 107.402V12.175h66.874v18.537h-43.43v19.079h40.71v18.537h-40.71v20.714h43.43v18.36z"/></svg>How to use the Credit Suisse icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:credit-suisse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:credit-suisse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:credit-suisse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--credit-suisse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:credit-suisse"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:credit-suisse"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/credit-suisse.svg" alt="Credit Suisse icon" width="24" height="24">Credit Suisse icon FAQ
Is the Credit Suisse 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 Credit Suisse icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:credit-suisse" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Credit Suisse icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/credit-suisse.svg" alt="Credit Suisse icon">, or paste the SVG code inline to style it with CSS.