insomnia logo

insomnia from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
insomnia
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

1 other variant in Devicon

insomnia-wordmark

The same logo in other sets

insomniaSVG LogosinsomniaSimple Icons

Use the insomnia logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVG6ro6benw" x1="16.181" x2="16.181" y1="28.39" y2="5.61" gradientTransform="matrix(4 0 0 4 0 -4)" gradientUnits="userSpaceOnUse"><stop stop-color="#7400e1"/><stop offset="1" stop-color="#4000bf"/></linearGradient></defs><path fill="#fff" d="M64 124.746c33.549 0 60.746-27.197 60.746-60.746S97.549 3.254 64 3.254S3.254 30.451 3.254 64S30.451 124.746 64 124.746"/><path fill="#4000bf" d="M64 0C28.654 0 0 28.654 0 64s28.654 64 64 64s64-28.654 64-64S99.346 0 64 0m0 6.509c31.752 0 57.492 25.74 57.492 57.491S95.752 121.492 64 121.492S6.508 95.752 6.508 64S32.248 6.509 64 6.509"/><path fill="url(#SVG6ro6benw)" d="M64.723 18.44c25.162 0 45.56 20.398 45.56 45.56s-20.398 45.56-45.56 45.56c-25.161 0-45.559-20.398-45.559-45.56a45.4 45.4 0 0 1 3.427-17.366c3.224 4.391 8.425 7.242 14.29 7.242c9.786 0 17.718-7.932 17.718-17.718c0-5.866-2.85-11.066-7.242-14.29a45.4 45.4 0 0 1 17.366-3.427z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconInsomnia(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVG6ro6benw" x1="16.181" x2="16.181" y1="28.39" y2="5.61" gradientTransform="matrix(4 0 0 4 0 -4)" gradientUnits="userSpaceOnUse"><stop stopColor="#7400e1"/><stop offset="1" stopColor="#4000bf"/></linearGradient></defs><path fill="#fff" d="M64 124.746c33.549 0 60.746-27.197 60.746-60.746S97.549 3.254 64 3.254S3.254 30.451 3.254 64S30.451 124.746 64 124.746"/><path fill="#4000bf" d="M64 0C28.654 0 0 28.654 0 64s28.654 64 64 64s64-28.654 64-64S99.346 0 64 0m0 6.509c31.752 0 57.492 25.74 57.492 57.491S95.752 121.492 64 121.492S6.508 95.752 6.508 64S32.248 6.509 64 6.509"/><path fill="url(#SVG6ro6benw)" d="M64.723 18.44c25.162 0 45.56 20.398 45.56 45.56s-20.398 45.56-45.56 45.56c-25.161 0-45.559-20.398-45.559-45.56a45.4 45.4 0 0 1 3.427-17.366c3.224 4.391 8.425 7.242 14.29 7.242c9.786 0 17.718-7.932 17.718-17.718c0-5.866-2.85-11.066-7.242-14.29a45.4 45.4 0 0 1 17.366-3.427z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVG6ro6benw" x1="16.181" x2="16.181" y1="28.39" y2="5.61" gradientTransform="matrix(4 0 0 4 0 -4)" gradientUnits="userSpaceOnUse"><stop stop-color="#7400e1"/><stop offset="1" stop-color="#4000bf"/></linearGradient></defs><path fill="#fff" d="M64 124.746c33.549 0 60.746-27.197 60.746-60.746S97.549 3.254 64 3.254S3.254 30.451 3.254 64S30.451 124.746 64 124.746"/><path fill="#4000bf" d="M64 0C28.654 0 0 28.654 0 64s28.654 64 64 64s64-28.654 64-64S99.346 0 64 0m0 6.509c31.752 0 57.492 25.74 57.492 57.491S95.752 121.492 64 121.492S6.508 95.752 6.508 64S32.248 6.509 64 6.509"/><path fill="url(#SVG6ro6benw)" d="M64.723 18.44c25.162 0 45.56 20.398 45.56 45.56s-20.398 45.56-45.56 45.56c-25.161 0-45.559-20.398-45.559-45.56a45.4 45.4 0 0 1 3.427-17.366c3.224 4.391 8.425 7.242 14.29 7.242c9.786 0 17.718-7.932 17.718-17.718c0-5.866-2.85-11.066-7.242-14.29a45.4 45.4 0 0 1 17.366-3.427z"/></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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6ro6benw%22%20x1%3D%2216.181%22%20x2%3D%2216.181%22%20y1%3D%2228.39%22%20y2%3D%225.61%22%20gradientTransform%3D%22matrix(4%200%200%204%200%20-4)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237400e1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234000bf%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64%20124.746c33.549%200%2060.746-27.197%2060.746-60.746S97.549%203.254%2064%203.254S3.254%2030.451%203.254%2064S30.451%20124.746%2064%20124.746%22%2F%3E%3Cpath%20fill%3D%22%234000bf%22%20d%3D%22M64%200C28.654%200%200%2028.654%200%2064s28.654%2064%2064%2064s64-28.654%2064-64S99.346%200%2064%200m0%206.509c31.752%200%2057.492%2025.74%2057.492%2057.491S95.752%20121.492%2064%20121.492S6.508%2095.752%206.508%2064S32.248%206.509%2064%206.509%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6ro6benw)%22%20d%3D%22M64.723%2018.44c25.162%200%2045.56%2020.398%2045.56%2045.56s-20.398%2045.56-45.56%2045.56c-25.161%200-45.559-20.398-45.559-45.56a45.4%2045.4%200%200%201%203.427-17.366c3.224%204.391%208.425%207.242%2014.29%207.242c9.786%200%2017.718-7.932%2017.718-17.718c0-5.866-2.85-11.066-7.242-14.29a45.4%2045.4%200%200%201%2017.366-3.427z%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6ro6benw%22%20x1%3D%2216.181%22%20x2%3D%2216.181%22%20y1%3D%2228.39%22%20y2%3D%225.61%22%20gradientTransform%3D%22matrix(4%200%200%204%200%20-4)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237400e1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234000bf%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64%20124.746c33.549%200%2060.746-27.197%2060.746-60.746S97.549%203.254%2064%203.254S3.254%2030.451%203.254%2064S30.451%20124.746%2064%20124.746%22%2F%3E%3Cpath%20fill%3D%22%234000bf%22%20d%3D%22M64%200C28.654%200%200%2028.654%200%2064s28.654%2064%2064%2064s64-28.654%2064-64S99.346%200%2064%200m0%206.509c31.752%200%2057.492%2025.74%2057.492%2057.491S95.752%20121.492%2064%20121.492S6.508%2095.752%206.508%2064S32.248%206.509%2064%206.509%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6ro6benw)%22%20d%3D%22M64.723%2018.44c25.162%200%2045.56%2020.398%2045.56%2045.56s-20.398%2045.56-45.56%2045.56c-25.161%200-45.559-20.398-45.559-45.56a45.4%2045.4%200%200%201%203.427-17.366c3.224%204.391%208.425%207.242%2014.29%207.242c9.786%200%2017.718-7.932%2017.718-17.718c0-5.866-2.85-11.066-7.242-14.29a45.4%2045.4%200%200%201%2017.366-3.427z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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