insomnia logo

insomnia from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: insomnia
Set: SVG Logos
Style: Color
Viewbox: 256×256
License: CC0

The same logo in other sets

Use the insomnia logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGlNVcTQSb" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stop-color="#7400e1"/><stop offset="100%" stop-color="#4000bf"/></linearGradient></defs><path fill="#fff" d="M128 249.491c67.098 0 121.492-54.393 121.492-121.491S195.098 6.508 128 6.508S6.509 60.902 6.509 128S60.902 249.491 128 249.491"/><path fill="#4000bf" d="M128 0C57.308 0 0 57.308 0 128s57.308 128 128 128s128-57.307 128-128C256 57.308 198.693 0 128 0m0 13.017c63.503 0 114.983 51.48 114.983 114.983S191.503 242.983 128 242.983S13.017 191.503 13.017 128S64.497 13.017 128 13.017"/><path fill="url(#SVGlNVcTQSb)" d="M129.446 36.881c50.324 0 91.119 40.796 91.119 91.119s-40.795 91.118-91.12 91.118c-50.323 0-91.118-40.795-91.118-91.118c0-12.298 2.437-24.028 6.854-34.733c6.449 8.783 16.85 14.484 28.581 14.484c19.57 0 35.435-15.865 35.435-35.435c0-11.732-5.701-22.132-14.484-28.581c10.705-4.417 22.434-6.854 34.733-6.854"/></svg>

React

import type { SVGProps } from "react";

export function LogosInsomnia(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGlNVcTQSb" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stopColor="#7400e1"/><stop offset="100%" stopColor="#4000bf"/></linearGradient></defs><path fill="#fff" d="M128 249.491c67.098 0 121.492-54.393 121.492-121.491S195.098 6.508 128 6.508S6.509 60.902 6.509 128S60.902 249.491 128 249.491"/><path fill="#4000bf" d="M128 0C57.308 0 0 57.308 0 128s57.308 128 128 128s128-57.307 128-128C256 57.308 198.693 0 128 0m0 13.017c63.503 0 114.983 51.48 114.983 114.983S191.503 242.983 128 242.983S13.017 191.503 13.017 128S64.497 13.017 128 13.017"/><path fill="url(#SVGlNVcTQSb)" d="M129.446 36.881c50.324 0 91.119 40.796 91.119 91.119s-40.795 91.118-91.12 91.118c-50.323 0-91.118-40.795-91.118-91.118c0-12.298 2.437-24.028 6.854-34.733c6.449 8.783 16.85 14.484 28.581 14.484c19.57 0 35.435-15.865 35.435-35.435c0-11.732-5.701-22.132-14.484-28.581c10.705-4.417 22.434-6.854 34.733-6.854"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGlNVcTQSb" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stop-color="#7400e1"/><stop offset="100%" stop-color="#4000bf"/></linearGradient></defs><path fill="#fff" d="M128 249.491c67.098 0 121.492-54.393 121.492-121.491S195.098 6.508 128 6.508S6.509 60.902 6.509 128S60.902 249.491 128 249.491"/><path fill="#4000bf" d="M128 0C57.308 0 0 57.308 0 128s57.308 128 128 128s128-57.307 128-128C256 57.308 198.693 0 128 0m0 13.017c63.503 0 114.983 51.48 114.983 114.983S191.503 242.983 128 242.983S13.017 191.503 13.017 128S64.497 13.017 128 13.017"/><path fill="url(#SVGlNVcTQSb)" d="M129.446 36.881c50.324 0 91.119 40.796 91.119 91.119s-40.795 91.118-91.12 91.118c-50.323 0-91.118-40.795-91.118-91.118c0-12.298 2.437-24.028 6.854-34.733c6.449 8.783 16.85 14.484 28.581 14.484c19.57 0 35.435-15.865 35.435-35.435c0-11.732-5.701-22.132-14.484-28.581c10.705-4.417 22.434-6.854 34.733-6.854"/></svg>
</template>

CSS

.icon-insomnia {
  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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGlNVcTQSb%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%237400e1%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%234000bf%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128%20249.491c67.098%200%20121.492-54.393%20121.492-121.491S195.098%206.508%20128%206.508S6.509%2060.902%206.509%20128S60.902%20249.491%20128%20249.491%22%2F%3E%3Cpath%20fill%3D%22%234000bf%22%20d%3D%22M128%200C57.308%200%200%2057.308%200%20128s57.308%20128%20128%20128s128-57.307%20128-128C256%2057.308%20198.693%200%20128%200m0%2013.017c63.503%200%20114.983%2051.48%20114.983%20114.983S191.503%20242.983%20128%20242.983S13.017%20191.503%2013.017%20128S64.497%2013.017%20128%2013.017%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGlNVcTQSb)%22%20d%3D%22M129.446%2036.881c50.324%200%2091.119%2040.796%2091.119%2091.119s-40.795%2091.118-91.12%2091.118c-50.323%200-91.118-40.795-91.118-91.118c0-12.298%202.437-24.028%206.854-34.733c6.449%208.783%2016.85%2014.484%2028.581%2014.484c19.57%200%2035.435-15.865%2035.435-35.435c0-11.732-5.701-22.132-14.484-28.581c10.705-4.417%2022.434-6.854%2034.733-6.854%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGlNVcTQSb%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%237400e1%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%234000bf%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128%20249.491c67.098%200%20121.492-54.393%20121.492-121.491S195.098%206.508%20128%206.508S6.509%2060.902%206.509%20128S60.902%20249.491%20128%20249.491%22%2F%3E%3Cpath%20fill%3D%22%234000bf%22%20d%3D%22M128%200C57.308%200%200%2057.308%200%20128s57.308%20128%20128%20128s128-57.307%20128-128C256%2057.308%20198.693%200%20128%200m0%2013.017c63.503%200%20114.983%2051.48%20114.983%20114.983S191.503%20242.983%20128%20242.983S13.017%20191.503%2013.017%20128S64.497%2013.017%20128%2013.017%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGlNVcTQSb)%22%20d%3D%22M129.446%2036.881c50.324%200%2091.119%2040.796%2091.119%2091.119s-40.795%2091.118-91.12%2091.118c-50.323%200-91.118-40.795-91.118-91.118c0-12.298%202.437-24.028%206.854-34.733c6.449%208.783%2016.85%2014.484%2028.581%2014.484c19.57%200%2035.435-15.865%2035.435-35.435c0-11.732-5.701-22.132-14.484-28.581c10.705-4.417%2022.434-6.854%2034.733-6.854%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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