deepnote logo
deepnote from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- deepnote
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the deepnote logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.22 11.506l.111.018q-.057-.008-.111-.018m4.475 8.073c.636-2.816-2.172-4.8-6.955-4.814L.713 24h9.586c.132-.025.256-.056.384-.085c2.258-1.057 3.598-2.501 4.012-4.336M10.299 24h.203l.021-.01q-.111.006-.224.01M24 11.319Q24-.934 8.134.077L0 11.319h7.568c3.323 0 8.457.719 8.457 6.153q0 5.433-5.727 6.528l.291-.013l-.011.001l-.076.012h.912l.247-.077Q23.999 22.945 24 11.319"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsDeepnote(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="m10.22 11.506l.111.018q-.057-.008-.111-.018m4.475 8.073c.636-2.816-2.172-4.8-6.955-4.814L.713 24h9.586c.132-.025.256-.056.384-.085c2.258-1.057 3.598-2.501 4.012-4.336M10.299 24h.203l.021-.01q-.111.006-.224.01M24 11.319Q24-.934 8.134.077L0 11.319h7.568c3.323 0 8.457.719 8.457 6.153q0 5.433-5.727 6.528l.291-.013l-.011.001l-.076.012h.912l.247-.077Q23.999 22.945 24 11.319"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.22 11.506l.111.018q-.057-.008-.111-.018m4.475 8.073c.636-2.816-2.172-4.8-6.955-4.814L.713 24h9.586c.132-.025.256-.056.384-.085c2.258-1.057 3.598-2.501 4.012-4.336M10.299 24h.203l.021-.01q-.111.006-.224.01M24 11.319Q24-.934 8.134.077L0 11.319h7.568c3.323 0 8.457.719 8.457 6.153q0 5.433-5.727 6.528l.291-.013l-.011.001l-.076.012h.912l.247-.077Q23.999 22.945 24 11.319"/></svg> </template>
CSS
.icon-deepnote {
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%22m10.22%2011.506l.111.018q-.057-.008-.111-.018m4.475%208.073c.636-2.816-2.172-4.8-6.955-4.814L.713%2024h9.586c.132-.025.256-.056.384-.085c2.258-1.057%203.598-2.501%204.012-4.336M10.299%2024h.203l.021-.01q-.111.006-.224.01M24%2011.319Q24-.934%208.134.077L0%2011.319h7.568c3.323%200%208.457.719%208.457%206.153q0%205.433-5.727%206.528l.291-.013l-.011.001l-.076.012h.912l.247-.077Q23.999%2022.945%2024%2011.319%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%22m10.22%2011.506l.111.018q-.057-.008-.111-.018m4.475%208.073c.636-2.816-2.172-4.8-6.955-4.814L.713%2024h9.586c.132-.025.256-.056.384-.085c2.258-1.057%203.598-2.501%204.012-4.336M10.299%2024h.203l.021-.01q-.111.006-.224.01M24%2011.319Q24-.934%208.134.077L0%2011.319h7.568c3.323%200%208.457.719%208.457%206.153q0%205.433-5.727%206.528l.291-.013l-.011.001l-.076.012h.912l.247-.077Q23.999%2022.945%2024%2011.319%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/deepnote.svg?color=%231a73e8&size=48
