directus logo
directus from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- directus
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the directus logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.187 13.909a2 2 0 0 1-.286-.092a.7.7 0 0 1-.203-.139c.056-.488 0-.912.047-1.392c.184-1.862 1.355-1.272 2.406-1.577c.655-.184 1.31-.562 1.475-1.336a13.5 13.5 0 0 0-2.397-2.204c-2.85-2.028-6.574-2.84-9.958-2.277a5.1 5.1 0 0 0 2.238 2.074s-.917 0-1.703-.587c-.23.092-.692.274-.913.384a5.094 5.094 0 0 0 6.63.37c-.01.017-.185.285-.397 1.4c-.47 2.38-1.826 2.195-3.504 1.596c-3.485-1.264-5.403-.093-7.145-2.49c-.507.286-.82.82-.82 1.402c0 .599.331 1.106.81 1.383c.262-.348.38-.446.836-.446c-.706.4-.79.75-1.094 1.718c-.368 1.171-.212 2.37-1.936 2.683c-.913.046-.894.664-1.226 1.586c-.415 1.199-.968 1.678-2.047 2.812c.443.535.904.6 1.374.406c.968-.406 1.715-1.66 2.415-2.471c.784-.904 2.665-.517 4.085-1.402c.977-.599 1.457-1.41.811-2.784a2.72 2.72 0 0 1 .701 1.66c1.641-.213 3.836 1.788 5.836 2.12a3.6 3.6 0 0 1-.488-.82c-.23-.554-.304-1.06-.258-1.503c.184 1.097 1.29 2.507 3.07 2.637c.452.036.95-.019 1.466-.176c.618-.184 1.19-.424 1.872-.295c.507.093.977.35 1.272.784c.443.645 1.41.784 1.844-.009c-.977-2.554-3.67-2.72-4.813-3.015"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsDirectus(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.187 13.909a2 2 0 0 1-.286-.092a.7.7 0 0 1-.203-.139c.056-.488 0-.912.047-1.392c.184-1.862 1.355-1.272 2.406-1.577c.655-.184 1.31-.562 1.475-1.336a13.5 13.5 0 0 0-2.397-2.204c-2.85-2.028-6.574-2.84-9.958-2.277a5.1 5.1 0 0 0 2.238 2.074s-.917 0-1.703-.587c-.23.092-.692.274-.913.384a5.094 5.094 0 0 0 6.63.37c-.01.017-.185.285-.397 1.4c-.47 2.38-1.826 2.195-3.504 1.596c-3.485-1.264-5.403-.093-7.145-2.49c-.507.286-.82.82-.82 1.402c0 .599.331 1.106.81 1.383c.262-.348.38-.446.836-.446c-.706.4-.79.75-1.094 1.718c-.368 1.171-.212 2.37-1.936 2.683c-.913.046-.894.664-1.226 1.586c-.415 1.199-.968 1.678-2.047 2.812c.443.535.904.6 1.374.406c.968-.406 1.715-1.66 2.415-2.471c.784-.904 2.665-.517 4.085-1.402c.977-.599 1.457-1.41.811-2.784a2.72 2.72 0 0 1 .701 1.66c1.641-.213 3.836 1.788 5.836 2.12a3.6 3.6 0 0 1-.488-.82c-.23-.554-.304-1.06-.258-1.503c.184 1.097 1.29 2.507 3.07 2.637c.452.036.95-.019 1.466-.176c.618-.184 1.19-.424 1.872-.295c.507.093.977.35 1.272.784c.443.645 1.41.784 1.844-.009c-.977-2.554-3.67-2.72-4.813-3.015"/></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.187 13.909a2 2 0 0 1-.286-.092a.7.7 0 0 1-.203-.139c.056-.488 0-.912.047-1.392c.184-1.862 1.355-1.272 2.406-1.577c.655-.184 1.31-.562 1.475-1.336a13.5 13.5 0 0 0-2.397-2.204c-2.85-2.028-6.574-2.84-9.958-2.277a5.1 5.1 0 0 0 2.238 2.074s-.917 0-1.703-.587c-.23.092-.692.274-.913.384a5.094 5.094 0 0 0 6.63.37c-.01.017-.185.285-.397 1.4c-.47 2.38-1.826 2.195-3.504 1.596c-3.485-1.264-5.403-.093-7.145-2.49c-.507.286-.82.82-.82 1.402c0 .599.331 1.106.81 1.383c.262-.348.38-.446.836-.446c-.706.4-.79.75-1.094 1.718c-.368 1.171-.212 2.37-1.936 2.683c-.913.046-.894.664-1.226 1.586c-.415 1.199-.968 1.678-2.047 2.812c.443.535.904.6 1.374.406c.968-.406 1.715-1.66 2.415-2.471c.784-.904 2.665-.517 4.085-1.402c.977-.599 1.457-1.41.811-2.784a2.72 2.72 0 0 1 .701 1.66c1.641-.213 3.836 1.788 5.836 2.12a3.6 3.6 0 0 1-.488-.82c-.23-.554-.304-1.06-.258-1.503c.184 1.097 1.29 2.507 3.07 2.637c.452.036.95-.019 1.466-.176c.618-.184 1.19-.424 1.872-.295c.507.093.977.35 1.272.784c.443.645 1.41.784 1.844-.009c-.977-2.554-3.67-2.72-4.813-3.015"/></svg> </template>
CSS
.icon-directus {
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.187%2013.909a2%202%200%200%201-.286-.092a.7.7%200%200%201-.203-.139c.056-.488%200-.912.047-1.392c.184-1.862%201.355-1.272%202.406-1.577c.655-.184%201.31-.562%201.475-1.336a13.5%2013.5%200%200%200-2.397-2.204c-2.85-2.028-6.574-2.84-9.958-2.277a5.1%205.1%200%200%200%202.238%202.074s-.917%200-1.703-.587c-.23.092-.692.274-.913.384a5.094%205.094%200%200%200%206.63.37c-.01.017-.185.285-.397%201.4c-.47%202.38-1.826%202.195-3.504%201.596c-3.485-1.264-5.403-.093-7.145-2.49c-.507.286-.82.82-.82%201.402c0%20.599.331%201.106.81%201.383c.262-.348.38-.446.836-.446c-.706.4-.79.75-1.094%201.718c-.368%201.171-.212%202.37-1.936%202.683c-.913.046-.894.664-1.226%201.586c-.415%201.199-.968%201.678-2.047%202.812c.443.535.904.6%201.374.406c.968-.406%201.715-1.66%202.415-2.471c.784-.904%202.665-.517%204.085-1.402c.977-.599%201.457-1.41.811-2.784a2.72%202.72%200%200%201%20.701%201.66c1.641-.213%203.836%201.788%205.836%202.12a3.6%203.6%200%200%201-.488-.82c-.23-.554-.304-1.06-.258-1.503c.184%201.097%201.29%202.507%203.07%202.637c.452.036.95-.019%201.466-.176c.618-.184%201.19-.424%201.872-.295c.507.093.977.35%201.272.784c.443.645%201.41.784%201.844-.009c-.977-2.554-3.67-2.72-4.813-3.015%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.187%2013.909a2%202%200%200%201-.286-.092a.7.7%200%200%201-.203-.139c.056-.488%200-.912.047-1.392c.184-1.862%201.355-1.272%202.406-1.577c.655-.184%201.31-.562%201.475-1.336a13.5%2013.5%200%200%200-2.397-2.204c-2.85-2.028-6.574-2.84-9.958-2.277a5.1%205.1%200%200%200%202.238%202.074s-.917%200-1.703-.587c-.23.092-.692.274-.913.384a5.094%205.094%200%200%200%206.63.37c-.01.017-.185.285-.397%201.4c-.47%202.38-1.826%202.195-3.504%201.596c-3.485-1.264-5.403-.093-7.145-2.49c-.507.286-.82.82-.82%201.402c0%20.599.331%201.106.81%201.383c.262-.348.38-.446.836-.446c-.706.4-.79.75-1.094%201.718c-.368%201.171-.212%202.37-1.936%202.683c-.913.046-.894.664-1.226%201.586c-.415%201.199-.968%201.678-2.047%202.812c.443.535.904.6%201.374.406c.968-.406%201.715-1.66%202.415-2.471c.784-.904%202.665-.517%204.085-1.402c.977-.599%201.457-1.41.811-2.784a2.72%202.72%200%200%201%20.701%201.66c1.641-.213%203.836%201.788%205.836%202.12a3.6%203.6%200%200%201-.488-.82c-.23-.554-.304-1.06-.258-1.503c.184%201.097%201.29%202.507%203.07%202.637c.452.036.95-.019%201.466-.176c.618-.184%201.19-.424%201.872-.295c.507.093.977.35%201.272.784c.443.645%201.41.784%201.844-.009c-.977-2.554-3.67-2.72-4.813-3.015%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/directus.svg?color=%231a73e8&size=48
