log icon

log-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: log-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

log log-bold log-duotone log-fill log-thin

The same icon in other sets

logCatppuccin Icons logIconPark logIconPark Outline logIconPark Solid logIconPark TwoTone logMaterial Icon Theme log-16Octicons

Use the log icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M210 136a10 10 0 1 1-10-10a10 10 0 0 1 10 10m36 0c0 18.21-4.48 35.41-12.63 48.43C224.68 198.34 212.83 206 200 206H56c-12.83 0-24.68-7.66-33.37-21.57C14.48 171.41 10 154.21 10 136s4.48-35.41 12.63-48.43C31.32 73.66 43.17 66 56 66h37.52l38.24-38.24A6 6 0 0 1 136 26h32a6 6 0 0 1 0 12h-29.51l-28 28H200c12.83 0 24.68 7.66 33.37 21.57C241.52 100.59 246 117.79 246 136m-72 58a57.7 57.7 0 0 1-7.4-9.57a78 78 0 0 1-8.24-18.43H80a6 6 0 0 1 0-12h75.52a106 106 0 0 1-1.52-18c0-18.21 4.48-35.41 12.63-48.43A57.7 57.7 0 0 1 174 78H56c-13.89 0-26.16 15.1-31.36 36H104a6 6 0 0 1 0 12H22.54a94 94 0 0 0-.54 10c0 31.44 15.57 58 34 58Zm60-58c0-31.44-15.57-58-34-58s-34 26.56-34 58s15.57 58 34 58s34-26.56 34-58"/></svg>

React

import type { SVGProps } from "react";

export function PhLogLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M210 136a10 10 0 1 1-10-10a10 10 0 0 1 10 10m36 0c0 18.21-4.48 35.41-12.63 48.43C224.68 198.34 212.83 206 200 206H56c-12.83 0-24.68-7.66-33.37-21.57C14.48 171.41 10 154.21 10 136s4.48-35.41 12.63-48.43C31.32 73.66 43.17 66 56 66h37.52l38.24-38.24A6 6 0 0 1 136 26h32a6 6 0 0 1 0 12h-29.51l-28 28H200c12.83 0 24.68 7.66 33.37 21.57C241.52 100.59 246 117.79 246 136m-72 58a57.7 57.7 0 0 1-7.4-9.57a78 78 0 0 1-8.24-18.43H80a6 6 0 0 1 0-12h75.52a106 106 0 0 1-1.52-18c0-18.21 4.48-35.41 12.63-48.43A57.7 57.7 0 0 1 174 78H56c-13.89 0-26.16 15.1-31.36 36H104a6 6 0 0 1 0 12H22.54a94 94 0 0 0-.54 10c0 31.44 15.57 58 34 58Zm60-58c0-31.44-15.57-58-34-58s-34 26.56-34 58s15.57 58 34 58s34-26.56 34-58"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M210 136a10 10 0 1 1-10-10a10 10 0 0 1 10 10m36 0c0 18.21-4.48 35.41-12.63 48.43C224.68 198.34 212.83 206 200 206H56c-12.83 0-24.68-7.66-33.37-21.57C14.48 171.41 10 154.21 10 136s4.48-35.41 12.63-48.43C31.32 73.66 43.17 66 56 66h37.52l38.24-38.24A6 6 0 0 1 136 26h32a6 6 0 0 1 0 12h-29.51l-28 28H200c12.83 0 24.68 7.66 33.37 21.57C241.52 100.59 246 117.79 246 136m-72 58a57.7 57.7 0 0 1-7.4-9.57a78 78 0 0 1-8.24-18.43H80a6 6 0 0 1 0-12h75.52a106 106 0 0 1-1.52-18c0-18.21 4.48-35.41 12.63-48.43A57.7 57.7 0 0 1 174 78H56c-13.89 0-26.16 15.1-31.36 36H104a6 6 0 0 1 0 12H22.54a94 94 0 0 0-.54 10c0 31.44 15.57 58 34 58Zm60-58c0-31.44-15.57-58-34-58s-34 26.56-34 58s15.57 58 34 58s34-26.56 34-58"/></svg>
</template>

CSS

.icon-log-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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M210%20136a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m36%200c0%2018.21-4.48%2035.41-12.63%2048.43C224.68%20198.34%20212.83%20206%20200%20206H56c-12.83%200-24.68-7.66-33.37-21.57C14.48%20171.41%2010%20154.21%2010%20136s4.48-35.41%2012.63-48.43C31.32%2073.66%2043.17%2066%2056%2066h37.52l38.24-38.24A6%206%200%200%201%20136%2026h32a6%206%200%200%201%200%2012h-29.51l-28%2028H200c12.83%200%2024.68%207.66%2033.37%2021.57C241.52%20100.59%20246%20117.79%20246%20136m-72%2058a57.7%2057.7%200%200%201-7.4-9.57a78%2078%200%200%201-8.24-18.43H80a6%206%200%200%201%200-12h75.52a106%20106%200%200%201-1.52-18c0-18.21%204.48-35.41%2012.63-48.43A57.7%2057.7%200%200%201%20174%2078H56c-13.89%200-26.16%2015.1-31.36%2036H104a6%206%200%200%201%200%2012H22.54a94%2094%200%200%200-.54%2010c0%2031.44%2015.57%2058%2034%2058Zm60-58c0-31.44-15.57-58-34-58s-34%2026.56-34%2058s15.57%2058%2034%2058s34-26.56%2034-58%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M210%20136a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m36%200c0%2018.21-4.48%2035.41-12.63%2048.43C224.68%20198.34%20212.83%20206%20200%20206H56c-12.83%200-24.68-7.66-33.37-21.57C14.48%20171.41%2010%20154.21%2010%20136s4.48-35.41%2012.63-48.43C31.32%2073.66%2043.17%2066%2056%2066h37.52l38.24-38.24A6%206%200%200%201%20136%2026h32a6%206%200%200%201%200%2012h-29.51l-28%2028H200c12.83%200%2024.68%207.66%2033.37%2021.57C241.52%20100.59%20246%20117.79%20246%20136m-72%2058a57.7%2057.7%200%200%201-7.4-9.57a78%2078%200%200%201-8.24-18.43H80a6%206%200%200%201%200-12h75.52a106%20106%200%200%201-1.52-18c0-18.21%204.48-35.41%2012.63-48.43A57.7%2057.7%200%200%201%20174%2078H56c-13.89%200-26.16%2015.1-31.36%2036H104a6%206%200%200%201%200%2012H22.54a94%2094%200%200%200-.54%2010c0%2031.44%2015.57%2058%2034%2058Zm60-58c0-31.44-15.57-58-34-58s-34%2026.56-34%2058s15.57%2058%2034%2058s34-26.56%2034-58%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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