deno light logo

deno-light from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
deno-light
Set
Material Icon Theme
Style
Color
Viewbox
32×32
License
MIT

Use the deno light logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#455a64" d="M3.288 23.102A13.937 14.098 0 0 1 2 17.16c0-.553.028-1.09.091-1.622a14.049 14.211 0 0 1 .273-1.586a14 14.162 0 0 1 4.333-7.37a14.007 14.169 0 0 1 6.37-3.272a14.028 14.19 0 0 1 3.997-.27a13.958 14.12 0 0 1 4.76 1.24a14.021 14.183 0 0 1 3.241 2.089a14.028 14.19 0 0 1 4.732 8.355A14.063 14.225 0 0 1 30 17.161a14.175 14.339 0 0 1-.042 1.076a13.986 14.147 0 0 1-.847 3.902a14.007 14.169 0 0 1-2.779 4.574A7.245 7.329 0 0 1 21.166 29a5.054 5.112 0 0 1-4.816-6.444c.119-.453.434-1.317.889-1.699a5.334 5.396 0 0 1-1.435-.977c-.049-.057-.042-.156.007-.22a.182.184 0 0 1 .203-.056a10.206 10.324 0 0 0 1.596.41c.777.128 1.736.298 2.709.34c2.366.12 4.844-.956 5.614-3.094c.763-2.146.469-4.263-2.289-5.53c-2.758-1.275-4.032-2.783-6.258-3.696c-1.456-.595-3.073-.241-4.732.694c-4.48 2.5-8.491 10.408-6.643 17.737a.224.227 0 0 1-.364.22a14.077 14.24 0 0 1-1.463-1.927a14.021 14.183 0 0 1-.896-1.656M15.503 9.018c.749-.057 1.414.595 1.526 1.459c.147 1.154-.273 2.35-1.645 2.379c-1.183.02-1.54-1.176-1.456-1.905c.077-.73.665-1.862 1.568-1.933z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeDenoLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#455a64" d="M3.288 23.102A13.937 14.098 0 0 1 2 17.16c0-.553.028-1.09.091-1.622a14.049 14.211 0 0 1 .273-1.586a14 14.162 0 0 1 4.333-7.37a14.007 14.169 0 0 1 6.37-3.272a14.028 14.19 0 0 1 3.997-.27a13.958 14.12 0 0 1 4.76 1.24a14.021 14.183 0 0 1 3.241 2.089a14.028 14.19 0 0 1 4.732 8.355A14.063 14.225 0 0 1 30 17.161a14.175 14.339 0 0 1-.042 1.076a13.986 14.147 0 0 1-.847 3.902a14.007 14.169 0 0 1-2.779 4.574A7.245 7.329 0 0 1 21.166 29a5.054 5.112 0 0 1-4.816-6.444c.119-.453.434-1.317.889-1.699a5.334 5.396 0 0 1-1.435-.977c-.049-.057-.042-.156.007-.22a.182.184 0 0 1 .203-.056a10.206 10.324 0 0 0 1.596.41c.777.128 1.736.298 2.709.34c2.366.12 4.844-.956 5.614-3.094c.763-2.146.469-4.263-2.289-5.53c-2.758-1.275-4.032-2.783-6.258-3.696c-1.456-.595-3.073-.241-4.732.694c-4.48 2.5-8.491 10.408-6.643 17.737a.224.227 0 0 1-.364.22a14.077 14.24 0 0 1-1.463-1.927a14.021 14.183 0 0 1-.896-1.656M15.503 9.018c.749-.057 1.414.595 1.526 1.459c.147 1.154-.273 2.35-1.645 2.379c-1.183.02-1.54-1.176-1.456-1.905c.077-.73.665-1.862 1.568-1.933z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#455a64" d="M3.288 23.102A13.937 14.098 0 0 1 2 17.16c0-.553.028-1.09.091-1.622a14.049 14.211 0 0 1 .273-1.586a14 14.162 0 0 1 4.333-7.37a14.007 14.169 0 0 1 6.37-3.272a14.028 14.19 0 0 1 3.997-.27a13.958 14.12 0 0 1 4.76 1.24a14.021 14.183 0 0 1 3.241 2.089a14.028 14.19 0 0 1 4.732 8.355A14.063 14.225 0 0 1 30 17.161a14.175 14.339 0 0 1-.042 1.076a13.986 14.147 0 0 1-.847 3.902a14.007 14.169 0 0 1-2.779 4.574A7.245 7.329 0 0 1 21.166 29a5.054 5.112 0 0 1-4.816-6.444c.119-.453.434-1.317.889-1.699a5.334 5.396 0 0 1-1.435-.977c-.049-.057-.042-.156.007-.22a.182.184 0 0 1 .203-.056a10.206 10.324 0 0 0 1.596.41c.777.128 1.736.298 2.709.34c2.366.12 4.844-.956 5.614-3.094c.763-2.146.469-4.263-2.289-5.53c-2.758-1.275-4.032-2.783-6.258-3.696c-1.456-.595-3.073-.241-4.732.694c-4.48 2.5-8.491 10.408-6.643 17.737a.224.227 0 0 1-.364.22a14.077 14.24 0 0 1-1.463-1.927a14.021 14.183 0 0 1-.896-1.656M15.503 9.018c.749-.057 1.414.595 1.526 1.459c.147 1.154-.273 2.35-1.645 2.379c-1.183.02-1.54-1.176-1.456-1.905c.077-.73.665-1.862 1.568-1.933z"/></svg>
</template>

CSS

.icon-deno-light {
  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%22%23455a64%22%20d%3D%22M3.288%2023.102A13.937%2014.098%200%200%201%202%2017.16c0-.553.028-1.09.091-1.622a14.049%2014.211%200%200%201%20.273-1.586a14%2014.162%200%200%201%204.333-7.37a14.007%2014.169%200%200%201%206.37-3.272a14.028%2014.19%200%200%201%203.997-.27a13.958%2014.12%200%200%201%204.76%201.24a14.021%2014.183%200%200%201%203.241%202.089a14.028%2014.19%200%200%201%204.732%208.355A14.063%2014.225%200%200%201%2030%2017.161a14.175%2014.339%200%200%201-.042%201.076a13.986%2014.147%200%200%201-.847%203.902a14.007%2014.169%200%200%201-2.779%204.574A7.245%207.329%200%200%201%2021.166%2029a5.054%205.112%200%200%201-4.816-6.444c.119-.453.434-1.317.889-1.699a5.334%205.396%200%200%201-1.435-.977c-.049-.057-.042-.156.007-.22a.182.184%200%200%201%20.203-.056a10.206%2010.324%200%200%200%201.596.41c.777.128%201.736.298%202.709.34c2.366.12%204.844-.956%205.614-3.094c.763-2.146.469-4.263-2.289-5.53c-2.758-1.275-4.032-2.783-6.258-3.696c-1.456-.595-3.073-.241-4.732.694c-4.48%202.5-8.491%2010.408-6.643%2017.737a.224.227%200%200%201-.364.22a14.077%2014.24%200%200%201-1.463-1.927a14.021%2014.183%200%200%201-.896-1.656M15.503%209.018c.749-.057%201.414.595%201.526%201.459c.147%201.154-.273%202.35-1.645%202.379c-1.183.02-1.54-1.176-1.456-1.905c.077-.73.665-1.862%201.568-1.933z%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%22%23455a64%22%20d%3D%22M3.288%2023.102A13.937%2014.098%200%200%201%202%2017.16c0-.553.028-1.09.091-1.622a14.049%2014.211%200%200%201%20.273-1.586a14%2014.162%200%200%201%204.333-7.37a14.007%2014.169%200%200%201%206.37-3.272a14.028%2014.19%200%200%201%203.997-.27a13.958%2014.12%200%200%201%204.76%201.24a14.021%2014.183%200%200%201%203.241%202.089a14.028%2014.19%200%200%201%204.732%208.355A14.063%2014.225%200%200%201%2030%2017.161a14.175%2014.339%200%200%201-.042%201.076a13.986%2014.147%200%200%201-.847%203.902a14.007%2014.169%200%200%201-2.779%204.574A7.245%207.329%200%200%201%2021.166%2029a5.054%205.112%200%200%201-4.816-6.444c.119-.453.434-1.317.889-1.699a5.334%205.396%200%200%201-1.435-.977c-.049-.057-.042-.156.007-.22a.182.184%200%200%201%20.203-.056a10.206%2010.324%200%200%200%201.596.41c.777.128%201.736.298%202.709.34c2.366.12%204.844-.956%205.614-3.094c.763-2.146.469-4.263-2.289-5.53c-2.758-1.275-4.032-2.783-6.258-3.696c-1.456-.595-3.073-.241-4.732.694c-4.48%202.5-8.491%2010.408-6.643%2017.737a.224.227%200%200%201-.364.22a14.077%2014.24%200%200%201-1.463-1.927a14.021%2014.183%200%200%201-.896-1.656M15.503%209.018c.749-.057%201.414.595%201.526%201.459c.147%201.154-.273%202.35-1.645%202.379c-1.183.02-1.54-1.176-1.456-1.905c.077-.73.665-1.862%201.568-1.933z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/deno-light.svg?color=%231a73e8&size=48