whitesource logo
whitesource from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- whitesource
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the whitesource logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12c6.628 0 12-5.373 12-12c0-6.628-5.372-12-12-12zm-1.58 4.916h3.167v5.268h.657V5.818c2.971 1.432 2.554 5.28 2.586 5.136h.718v1.014H6.452v-1.014h.718s-.687-3.559 2.587-5.136v4.366h.662zm-3.968 8.002h3.18v.546A2.376 2.376 0 0 0 12 15.833a2.376 2.376 0 0 0 2.369-2.369v-.546h3.18v2.066h-1.292l-.416.928l.872.768l-1.596 1.697l-.911-.919l-.988.424v1.202h-2.436v-1.202l-.987-.424l-.912.919l-1.595-1.697l.871-.768l-.415-.928H6.452z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsWhitesource(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12c6.628 0 12-5.373 12-12c0-6.628-5.372-12-12-12zm-1.58 4.916h3.167v5.268h.657V5.818c2.971 1.432 2.554 5.28 2.586 5.136h.718v1.014H6.452v-1.014h.718s-.687-3.559 2.587-5.136v4.366h.662zm-3.968 8.002h3.18v.546A2.376 2.376 0 0 0 12 15.833a2.376 2.376 0 0 0 2.369-2.369v-.546h3.18v2.066h-1.292l-.416.928l.872.768l-1.596 1.697l-.911-.919l-.988.424v1.202h-2.436v-1.202l-.987-.424l-.912.919l-1.595-1.697l.871-.768l-.415-.928H6.452z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12c6.628 0 12-5.373 12-12c0-6.628-5.372-12-12-12zm-1.58 4.916h3.167v5.268h.657V5.818c2.971 1.432 2.554 5.28 2.586 5.136h.718v1.014H6.452v-1.014h.718s-.687-3.559 2.587-5.136v4.366h.662zm-3.968 8.002h3.18v.546A2.376 2.376 0 0 0 12 15.833a2.376 2.376 0 0 0 2.369-2.369v-.546h3.18v2.066h-1.292l-.416.928l.872.768l-1.596 1.697l-.911-.919l-.988.424v1.202h-2.436v-1.202l-.987-.424l-.912.919l-1.595-1.697l.871-.768l-.415-.928H6.452z"/></svg> </template>
CSS
.icon-whitesource {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.373%200%200%205.372%200%2012c0%206.627%205.373%2012%2012%2012c6.628%200%2012-5.373%2012-12c0-6.628-5.372-12-12-12zm-1.58%204.916h3.167v5.268h.657V5.818c2.971%201.432%202.554%205.28%202.586%205.136h.718v1.014H6.452v-1.014h.718s-.687-3.559%202.587-5.136v4.366h.662zm-3.968%208.002h3.18v.546A2.376%202.376%200%200%200%2012%2015.833a2.376%202.376%200%200%200%202.369-2.369v-.546h3.18v2.066h-1.292l-.416.928l.872.768l-1.596%201.697l-.911-.919l-.988.424v1.202h-2.436v-1.202l-.987-.424l-.912.919l-1.595-1.697l.871-.768l-.415-.928H6.452z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.373%200%200%205.372%200%2012c0%206.627%205.373%2012%2012%2012c6.628%200%2012-5.373%2012-12c0-6.628-5.372-12-12-12zm-1.58%204.916h3.167v5.268h.657V5.818c2.971%201.432%202.554%205.28%202.586%205.136h.718v1.014H6.452v-1.014h.718s-.687-3.559%202.587-5.136v4.366h.662zm-3.968%208.002h3.18v.546A2.376%202.376%200%200%200%2012%2015.833a2.376%202.376%200%200%200%202.369-2.369v-.546h3.18v2.066h-1.292l-.416.928l.872.768l-1.596%201.697l-.911-.919l-.988.424v1.202h-2.436v-1.202l-.987-.424l-.912.919l-1.595-1.697l.871-.768l-.415-.928H6.452z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/whitesource.svg?color=%231a73e8&size=48
