light blue heart emoji
light-blue-heart from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.
- Name
- light-blue-heart
- Set
- Noto Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More smileys & emotion icons from Noto Emoji
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecracking-facecrying-cat
Use the light blue heart emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#64d0ff" d="M93.99 8.97c-21.91 0-29.96 22.39-29.96 22.39s-7.94-22.39-30-22.39c-16.58 0-35.48 13.14-28.5 43.01s58.56 67.08 58.56 67.08s51.39-37.21 58.38-67.08c6.98-29.87-10.56-43.01-28.48-43.01"/><path fill="#1eb7e8" d="M30.65 11.2c17.2 0 25.74 18.49 28.5 25.98c.39 1.07 1.88 1.1 2.33.06L64 31.35C60.45 20.01 50.69 8.97 34.03 8.97c-6.9 0-14.19 2.28-19.86 7.09c5.01-3.29 10.88-4.86 16.48-4.86m63.34-2.23c-5.29 0-9.77 1.54-13.53 3.85c2.64-1.02 5.56-1.62 8.8-1.62c16.21 0 30.72 12.29 24.17 40.7c-5.62 24.39-38.46 53.98-48.49 65.27c-.64.72-.86 1.88-.86 1.88s51.39-37.21 58.38-67.08c6.99-29.86-11.89-43-28.47-43"/><path fill="#b3e5fc" d="M17.04 24.82c3.75-4.68 10.45-8.55 16.13-4.09c3.07 2.41 1.73 7.35-1.02 9.43c-4 3.04-7.48 4.87-9.92 9.63c-1.46 2.86-2.34 5.99-2.79 9.18c-.18 1.26-1.83 1.57-2.45.46c-4.22-7.48-5.42-17.78.05-24.61m60.12 9.84c-1.76 0-3-1.7-2.36-3.34c1.19-3.02 2.73-5.94 4.58-8.54c2.74-3.84 7.95-6.08 11.25-3.75c3.38 2.38 2.94 7.14.57 9.44c-5.09 4.93-11.51 6.19-14.04 6.19"/></svg>
React
import type { SVGProps } from "react";
export function NotoLightBlueHeart(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#64d0ff" d="M93.99 8.97c-21.91 0-29.96 22.39-29.96 22.39s-7.94-22.39-30-22.39c-16.58 0-35.48 13.14-28.5 43.01s58.56 67.08 58.56 67.08s51.39-37.21 58.38-67.08c6.98-29.87-10.56-43.01-28.48-43.01"/><path fill="#1eb7e8" d="M30.65 11.2c17.2 0 25.74 18.49 28.5 25.98c.39 1.07 1.88 1.1 2.33.06L64 31.35C60.45 20.01 50.69 8.97 34.03 8.97c-6.9 0-14.19 2.28-19.86 7.09c5.01-3.29 10.88-4.86 16.48-4.86m63.34-2.23c-5.29 0-9.77 1.54-13.53 3.85c2.64-1.02 5.56-1.62 8.8-1.62c16.21 0 30.72 12.29 24.17 40.7c-5.62 24.39-38.46 53.98-48.49 65.27c-.64.72-.86 1.88-.86 1.88s51.39-37.21 58.38-67.08c6.99-29.86-11.89-43-28.47-43"/><path fill="#b3e5fc" d="M17.04 24.82c3.75-4.68 10.45-8.55 16.13-4.09c3.07 2.41 1.73 7.35-1.02 9.43c-4 3.04-7.48 4.87-9.92 9.63c-1.46 2.86-2.34 5.99-2.79 9.18c-.18 1.26-1.83 1.57-2.45.46c-4.22-7.48-5.42-17.78.05-24.61m60.12 9.84c-1.76 0-3-1.7-2.36-3.34c1.19-3.02 2.73-5.94 4.58-8.54c2.74-3.84 7.95-6.08 11.25-3.75c3.38 2.38 2.94 7.14.57 9.44c-5.09 4.93-11.51 6.19-14.04 6.19"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#64d0ff" d="M93.99 8.97c-21.91 0-29.96 22.39-29.96 22.39s-7.94-22.39-30-22.39c-16.58 0-35.48 13.14-28.5 43.01s58.56 67.08 58.56 67.08s51.39-37.21 58.38-67.08c6.98-29.87-10.56-43.01-28.48-43.01"/><path fill="#1eb7e8" d="M30.65 11.2c17.2 0 25.74 18.49 28.5 25.98c.39 1.07 1.88 1.1 2.33.06L64 31.35C60.45 20.01 50.69 8.97 34.03 8.97c-6.9 0-14.19 2.28-19.86 7.09c5.01-3.29 10.88-4.86 16.48-4.86m63.34-2.23c-5.29 0-9.77 1.54-13.53 3.85c2.64-1.02 5.56-1.62 8.8-1.62c16.21 0 30.72 12.29 24.17 40.7c-5.62 24.39-38.46 53.98-48.49 65.27c-.64.72-.86 1.88-.86 1.88s51.39-37.21 58.38-67.08c6.99-29.86-11.89-43-28.47-43"/><path fill="#b3e5fc" d="M17.04 24.82c3.75-4.68 10.45-8.55 16.13-4.09c3.07 2.41 1.73 7.35-1.02 9.43c-4 3.04-7.48 4.87-9.92 9.63c-1.46 2.86-2.34 5.99-2.79 9.18c-.18 1.26-1.83 1.57-2.45.46c-4.22-7.48-5.42-17.78.05-24.61m60.12 9.84c-1.76 0-3-1.7-2.36-3.34c1.19-3.02 2.73-5.94 4.58-8.54c2.74-3.84 7.95-6.08 11.25-3.75c3.38 2.38 2.94 7.14.57 9.44c-5.09 4.93-11.51 6.19-14.04 6.19"/></svg> </template>
CSS
.icon-light-blue-heart {
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%3Cpath%20fill%3D%22%2364d0ff%22%20d%3D%22M93.99%208.97c-21.91%200-29.96%2022.39-29.96%2022.39s-7.94-22.39-30-22.39c-16.58%200-35.48%2013.14-28.5%2043.01s58.56%2067.08%2058.56%2067.08s51.39-37.21%2058.38-67.08c6.98-29.87-10.56-43.01-28.48-43.01%22%2F%3E%3Cpath%20fill%3D%22%231eb7e8%22%20d%3D%22M30.65%2011.2c17.2%200%2025.74%2018.49%2028.5%2025.98c.39%201.07%201.88%201.1%202.33.06L64%2031.35C60.45%2020.01%2050.69%208.97%2034.03%208.97c-6.9%200-14.19%202.28-19.86%207.09c5.01-3.29%2010.88-4.86%2016.48-4.86m63.34-2.23c-5.29%200-9.77%201.54-13.53%203.85c2.64-1.02%205.56-1.62%208.8-1.62c16.21%200%2030.72%2012.29%2024.17%2040.7c-5.62%2024.39-38.46%2053.98-48.49%2065.27c-.64.72-.86%201.88-.86%201.88s51.39-37.21%2058.38-67.08c6.99-29.86-11.89-43-28.47-43%22%2F%3E%3Cpath%20fill%3D%22%23b3e5fc%22%20d%3D%22M17.04%2024.82c3.75-4.68%2010.45-8.55%2016.13-4.09c3.07%202.41%201.73%207.35-1.02%209.43c-4%203.04-7.48%204.87-9.92%209.63c-1.46%202.86-2.34%205.99-2.79%209.18c-.18%201.26-1.83%201.57-2.45.46c-4.22-7.48-5.42-17.78.05-24.61m60.12%209.84c-1.76%200-3-1.7-2.36-3.34c1.19-3.02%202.73-5.94%204.58-8.54c2.74-3.84%207.95-6.08%2011.25-3.75c3.38%202.38%202.94%207.14.57%209.44c-5.09%204.93-11.51%206.19-14.04%206.19%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%3Cpath%20fill%3D%22%2364d0ff%22%20d%3D%22M93.99%208.97c-21.91%200-29.96%2022.39-29.96%2022.39s-7.94-22.39-30-22.39c-16.58%200-35.48%2013.14-28.5%2043.01s58.56%2067.08%2058.56%2067.08s51.39-37.21%2058.38-67.08c6.98-29.87-10.56-43.01-28.48-43.01%22%2F%3E%3Cpath%20fill%3D%22%231eb7e8%22%20d%3D%22M30.65%2011.2c17.2%200%2025.74%2018.49%2028.5%2025.98c.39%201.07%201.88%201.1%202.33.06L64%2031.35C60.45%2020.01%2050.69%208.97%2034.03%208.97c-6.9%200-14.19%202.28-19.86%207.09c5.01-3.29%2010.88-4.86%2016.48-4.86m63.34-2.23c-5.29%200-9.77%201.54-13.53%203.85c2.64-1.02%205.56-1.62%208.8-1.62c16.21%200%2030.72%2012.29%2024.17%2040.7c-5.62%2024.39-38.46%2053.98-48.49%2065.27c-.64.72-.86%201.88-.86%201.88s51.39-37.21%2058.38-67.08c6.99-29.86-11.89-43-28.47-43%22%2F%3E%3Cpath%20fill%3D%22%23b3e5fc%22%20d%3D%22M17.04%2024.82c3.75-4.68%2010.45-8.55%2016.13-4.09c3.07%202.41%201.73%207.35-1.02%209.43c-4%203.04-7.48%204.87-9.92%209.63c-1.46%202.86-2.34%205.99-2.79%209.18c-.18%201.26-1.83%201.57-2.45.46c-4.22-7.48-5.42-17.78.05-24.61m60.12%209.84c-1.76%200-3-1.7-2.36-3.34c1.19-3.02%202.73-5.94%204.58-8.54c2.74-3.84%207.95-6.08%2011.25-3.75c3.38%202.38%202.94%207.14.57%209.44c-5.09%204.93-11.51%206.19-14.04%206.19%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/light-blue-heart.svg?color=%231a73e8&size=48
