statamic logo
statamic from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- statamic
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the statamic logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.78 21.639c1.754 0 2.398-.756 2.398-2.607v-3.62c0-1.722.837-2.704 1.641-3.17c.242-.145.242-.483 0-.644c-.836-.531-1.64-1.642-1.64-3.122v-3.54c0-1.996-.548-2.575-2.302-2.575H4.123c-1.754 0-2.301.58-2.301 2.575v3.556c0 1.48-.805 2.59-1.641 3.122a.377.377 0 0 0 0 .643c.804.451 1.64 1.433 1.64 3.17v3.605c0 1.85.645 2.607 2.399 2.607zm-7.82-3.299c-1.883 0-3.25-.563-4.522-1.673a.9.9 0 0 1-.29-.676a.83.83 0 0 1 .193-.563l.403-.515c.193-.242.402-.354.643-.354c.274 0 .531.112.805.29a5.33 5.33 0 0 0 2.993.884c.885 0 1.593-.37 1.593-1.126c0-1.963-6.533-.885-6.533-5.294c0-2.366 1.93-3.685 4.441-3.685c1.77 0 3.074.515 4.04 1.126c.24.161.402.483.402.805c0 .193-.049.37-.161.53l-.29.435c-.21.29-.45.435-.756.435c-.21 0-.435-.08-.676-.193a5.1 5.1 0 0 0-2.398-.564c-.95 0-1.513.515-1.513 1.046c0 2.012 6.534.918 6.534 5.198c0 2.414-1.947 3.894-4.908 3.894"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsStatamic(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="M19.78 21.639c1.754 0 2.398-.756 2.398-2.607v-3.62c0-1.722.837-2.704 1.641-3.17c.242-.145.242-.483 0-.644c-.836-.531-1.64-1.642-1.64-3.122v-3.54c0-1.996-.548-2.575-2.302-2.575H4.123c-1.754 0-2.301.58-2.301 2.575v3.556c0 1.48-.805 2.59-1.641 3.122a.377.377 0 0 0 0 .643c.804.451 1.64 1.433 1.64 3.17v3.605c0 1.85.645 2.607 2.399 2.607zm-7.82-3.299c-1.883 0-3.25-.563-4.522-1.673a.9.9 0 0 1-.29-.676a.83.83 0 0 1 .193-.563l.403-.515c.193-.242.402-.354.643-.354c.274 0 .531.112.805.29a5.33 5.33 0 0 0 2.993.884c.885 0 1.593-.37 1.593-1.126c0-1.963-6.533-.885-6.533-5.294c0-2.366 1.93-3.685 4.441-3.685c1.77 0 3.074.515 4.04 1.126c.24.161.402.483.402.805c0 .193-.049.37-.161.53l-.29.435c-.21.29-.45.435-.756.435c-.21 0-.435-.08-.676-.193a5.1 5.1 0 0 0-2.398-.564c-.95 0-1.513.515-1.513 1.046c0 2.012 6.534.918 6.534 5.198c0 2.414-1.947 3.894-4.908 3.894"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.78 21.639c1.754 0 2.398-.756 2.398-2.607v-3.62c0-1.722.837-2.704 1.641-3.17c.242-.145.242-.483 0-.644c-.836-.531-1.64-1.642-1.64-3.122v-3.54c0-1.996-.548-2.575-2.302-2.575H4.123c-1.754 0-2.301.58-2.301 2.575v3.556c0 1.48-.805 2.59-1.641 3.122a.377.377 0 0 0 0 .643c.804.451 1.64 1.433 1.64 3.17v3.605c0 1.85.645 2.607 2.399 2.607zm-7.82-3.299c-1.883 0-3.25-.563-4.522-1.673a.9.9 0 0 1-.29-.676a.83.83 0 0 1 .193-.563l.403-.515c.193-.242.402-.354.643-.354c.274 0 .531.112.805.29a5.33 5.33 0 0 0 2.993.884c.885 0 1.593-.37 1.593-1.126c0-1.963-6.533-.885-6.533-5.294c0-2.366 1.93-3.685 4.441-3.685c1.77 0 3.074.515 4.04 1.126c.24.161.402.483.402.805c0 .193-.049.37-.161.53l-.29.435c-.21.29-.45.435-.756.435c-.21 0-.435-.08-.676-.193a5.1 5.1 0 0 0-2.398-.564c-.95 0-1.513.515-1.513 1.046c0 2.012 6.534.918 6.534 5.198c0 2.414-1.947 3.894-4.908 3.894"/></svg> </template>
CSS
.icon-statamic {
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%22M19.78%2021.639c1.754%200%202.398-.756%202.398-2.607v-3.62c0-1.722.837-2.704%201.641-3.17c.242-.145.242-.483%200-.644c-.836-.531-1.64-1.642-1.64-3.122v-3.54c0-1.996-.548-2.575-2.302-2.575H4.123c-1.754%200-2.301.58-2.301%202.575v3.556c0%201.48-.805%202.59-1.641%203.122a.377.377%200%200%200%200%20.643c.804.451%201.64%201.433%201.64%203.17v3.605c0%201.85.645%202.607%202.399%202.607zm-7.82-3.299c-1.883%200-3.25-.563-4.522-1.673a.9.9%200%200%201-.29-.676a.83.83%200%200%201%20.193-.563l.403-.515c.193-.242.402-.354.643-.354c.274%200%20.531.112.805.29a5.33%205.33%200%200%200%202.993.884c.885%200%201.593-.37%201.593-1.126c0-1.963-6.533-.885-6.533-5.294c0-2.366%201.93-3.685%204.441-3.685c1.77%200%203.074.515%204.04%201.126c.24.161.402.483.402.805c0%20.193-.049.37-.161.53l-.29.435c-.21.29-.45.435-.756.435c-.21%200-.435-.08-.676-.193a5.1%205.1%200%200%200-2.398-.564c-.95%200-1.513.515-1.513%201.046c0%202.012%206.534.918%206.534%205.198c0%202.414-1.947%203.894-4.908%203.894%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%22M19.78%2021.639c1.754%200%202.398-.756%202.398-2.607v-3.62c0-1.722.837-2.704%201.641-3.17c.242-.145.242-.483%200-.644c-.836-.531-1.64-1.642-1.64-3.122v-3.54c0-1.996-.548-2.575-2.302-2.575H4.123c-1.754%200-2.301.58-2.301%202.575v3.556c0%201.48-.805%202.59-1.641%203.122a.377.377%200%200%200%200%20.643c.804.451%201.64%201.433%201.64%203.17v3.605c0%201.85.645%202.607%202.399%202.607zm-7.82-3.299c-1.883%200-3.25-.563-4.522-1.673a.9.9%200%200%201-.29-.676a.83.83%200%200%201%20.193-.563l.403-.515c.193-.242.402-.354.643-.354c.274%200%20.531.112.805.29a5.33%205.33%200%200%200%202.993.884c.885%200%201.593-.37%201.593-1.126c0-1.963-6.533-.885-6.533-5.294c0-2.366%201.93-3.685%204.441-3.685c1.77%200%203.074.515%204.04%201.126c.24.161.402.483.402.805c0%20.193-.049.37-.161.53l-.29.435c-.21.29-.45.435-.756.435c-.21%200-.435-.08-.676-.193a5.1%205.1%200%200%200-2.398-.564c-.95%200-1.513.515-1.513%201.046c0%202.012%206.534.918%206.534%205.198c0%202.414-1.947%203.894-4.908%203.894%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/statamic.svg?color=%231a73e8&size=48
