sitepoint logo
sitepoint from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- sitepoint
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the sitepoint logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m3.297 14.042l2.359 2.255l7.464 6.854l3.198-3.057c.281-.396.26-.938-.057-1.313l-2.943-2.536l.016-.005l-3.161-3.021a1.054 1.054 0 0 1 .026-1.438l8.521-8.104L14.861 0L3.304 10.984a2.09 2.09 0 0 0 0 3.057zm25.406 3.916l-2.359-2.255l-7.464-6.854l-3.214 3.057a1.03 1.03 0 0 0 .063 1.313l2.938 2.521h-.005l3.156 3.021c.359.417.359 1.021-.036 1.417l-8.521 8.099l3.88 3.724l11.557-10.984a2.087 2.087 0 0 0 0-3.057z"/></svg>
React
import type { SVGProps } from "react";
export function CibSitepoint(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m3.297 14.042l2.359 2.255l7.464 6.854l3.198-3.057c.281-.396.26-.938-.057-1.313l-2.943-2.536l.016-.005l-3.161-3.021a1.054 1.054 0 0 1 .026-1.438l8.521-8.104L14.861 0L3.304 10.984a2.09 2.09 0 0 0 0 3.057zm25.406 3.916l-2.359-2.255l-7.464-6.854l-3.214 3.057a1.03 1.03 0 0 0 .063 1.313l2.938 2.521h-.005l3.156 3.021c.359.417.359 1.021-.036 1.417l-8.521 8.099l3.88 3.724l11.557-10.984a2.087 2.087 0 0 0 0-3.057z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m3.297 14.042l2.359 2.255l7.464 6.854l3.198-3.057c.281-.396.26-.938-.057-1.313l-2.943-2.536l.016-.005l-3.161-3.021a1.054 1.054 0 0 1 .026-1.438l8.521-8.104L14.861 0L3.304 10.984a2.09 2.09 0 0 0 0 3.057zm25.406 3.916l-2.359-2.255l-7.464-6.854l-3.214 3.057a1.03 1.03 0 0 0 .063 1.313l2.938 2.521h-.005l3.156 3.021c.359.417.359 1.021-.036 1.417l-8.521 8.099l3.88 3.724l11.557-10.984a2.087 2.087 0 0 0 0-3.057z"/></svg> </template>
CSS
.icon-sitepoint {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.297%2014.042l2.359%202.255l7.464%206.854l3.198-3.057c.281-.396.26-.938-.057-1.313l-2.943-2.536l.016-.005l-3.161-3.021a1.054%201.054%200%200%201%20.026-1.438l8.521-8.104L14.861%200L3.304%2010.984a2.09%202.09%200%200%200%200%203.057zm25.406%203.916l-2.359-2.255l-7.464-6.854l-3.214%203.057a1.03%201.03%200%200%200%20.063%201.313l2.938%202.521h-.005l3.156%203.021c.359.417.359%201.021-.036%201.417l-8.521%208.099l3.88%203.724l11.557-10.984a2.087%202.087%200%200%200%200-3.057z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.297%2014.042l2.359%202.255l7.464%206.854l3.198-3.057c.281-.396.26-.938-.057-1.313l-2.943-2.536l.016-.005l-3.161-3.021a1.054%201.054%200%200%201%20.026-1.438l8.521-8.104L14.861%200L3.304%2010.984a2.09%202.09%200%200%200%200%203.057zm25.406%203.916l-2.359-2.255l-7.464-6.854l-3.214%203.057a1.03%201.03%200%200%200%20.063%201.313l2.938%202.521h-.005l3.156%203.021c.359.417.359%201.021-.036%201.417l-8.521%208.099l3.88%203.724l11.557-10.984a2.087%202.087%200%200%200%200-3.057z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/sitepoint.svg?color=%231a73e8&size=48
