hearthisdotat logo
hearthisdotat from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- hearthisdotat
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the hearthisdotat logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.485 3.515C15.799-1.17 8.2-1.17 3.515 3.515c-4.687 4.686-4.687 12.285 0 16.97c4.685 4.686 12.284 4.686 16.97 0c4.687-4.685 4.687-12.284 0-16.97m-5.81 14.433c-.252.252-1.25.562-1.25-.012c0-.573-.157-3.089-2.028-4.958c-1.88-1.88-4.55-2.192-5.056-2.192s-.331-1-.078-1.252c.253-.253.558-.15 1.064-.15c0 0 3.445.464 5.326 2.345c1.868 1.869 2.173 5.153 2.173 5.153c0 .463.102.813-.15 1.066zm4.022-.509c-.36.36-1.786.803-1.786-.015c0-.82-.224-4.41-2.893-7.079C11.335 7.662 7.524 7.217 6.8 7.217c-.723 0-.473-1.426-.113-1.787c.361-.36.799-.214 1.52-.214c0 0 4.918.663 7.603 3.348c2.666 2.667 3.1 7.356 3.1 7.356c0 .658.147 1.158-.214 1.52z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsHearthisdotat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.485 3.515C15.799-1.17 8.2-1.17 3.515 3.515c-4.687 4.686-4.687 12.285 0 16.97c4.685 4.686 12.284 4.686 16.97 0c4.687-4.685 4.687-12.284 0-16.97m-5.81 14.433c-.252.252-1.25.562-1.25-.012c0-.573-.157-3.089-2.028-4.958c-1.88-1.88-4.55-2.192-5.056-2.192s-.331-1-.078-1.252c.253-.253.558-.15 1.064-.15c0 0 3.445.464 5.326 2.345c1.868 1.869 2.173 5.153 2.173 5.153c0 .463.102.813-.15 1.066zm4.022-.509c-.36.36-1.786.803-1.786-.015c0-.82-.224-4.41-2.893-7.079C11.335 7.662 7.524 7.217 6.8 7.217c-.723 0-.473-1.426-.113-1.787c.361-.36.799-.214 1.52-.214c0 0 4.918.663 7.603 3.348c2.666 2.667 3.1 7.356 3.1 7.356c0 .658.147 1.158-.214 1.52z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.485 3.515C15.799-1.17 8.2-1.17 3.515 3.515c-4.687 4.686-4.687 12.285 0 16.97c4.685 4.686 12.284 4.686 16.97 0c4.687-4.685 4.687-12.284 0-16.97m-5.81 14.433c-.252.252-1.25.562-1.25-.012c0-.573-.157-3.089-2.028-4.958c-1.88-1.88-4.55-2.192-5.056-2.192s-.331-1-.078-1.252c.253-.253.558-.15 1.064-.15c0 0 3.445.464 5.326 2.345c1.868 1.869 2.173 5.153 2.173 5.153c0 .463.102.813-.15 1.066zm4.022-.509c-.36.36-1.786.803-1.786-.015c0-.82-.224-4.41-2.893-7.079C11.335 7.662 7.524 7.217 6.8 7.217c-.723 0-.473-1.426-.113-1.787c.361-.36.799-.214 1.52-.214c0 0 4.918.663 7.603 3.348c2.666 2.667 3.1 7.356 3.1 7.356c0 .658.147 1.158-.214 1.52z"/></svg> </template>
CSS
.icon-hearthisdotat {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.485%203.515C15.799-1.17%208.2-1.17%203.515%203.515c-4.687%204.686-4.687%2012.285%200%2016.97c4.685%204.686%2012.284%204.686%2016.97%200c4.687-4.685%204.687-12.284%200-16.97m-5.81%2014.433c-.252.252-1.25.562-1.25-.012c0-.573-.157-3.089-2.028-4.958c-1.88-1.88-4.55-2.192-5.056-2.192s-.331-1-.078-1.252c.253-.253.558-.15%201.064-.15c0%200%203.445.464%205.326%202.345c1.868%201.869%202.173%205.153%202.173%205.153c0%20.463.102.813-.15%201.066zm4.022-.509c-.36.36-1.786.803-1.786-.015c0-.82-.224-4.41-2.893-7.079C11.335%207.662%207.524%207.217%206.8%207.217c-.723%200-.473-1.426-.113-1.787c.361-.36.799-.214%201.52-.214c0%200%204.918.663%207.603%203.348c2.666%202.667%203.1%207.356%203.1%207.356c0%20.658.147%201.158-.214%201.52z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.485%203.515C15.799-1.17%208.2-1.17%203.515%203.515c-4.687%204.686-4.687%2012.285%200%2016.97c4.685%204.686%2012.284%204.686%2016.97%200c4.687-4.685%204.687-12.284%200-16.97m-5.81%2014.433c-.252.252-1.25.562-1.25-.012c0-.573-.157-3.089-2.028-4.958c-1.88-1.88-4.55-2.192-5.056-2.192s-.331-1-.078-1.252c.253-.253.558-.15%201.064-.15c0%200%203.445.464%205.326%202.345c1.868%201.869%202.173%205.153%202.173%205.153c0%20.463.102.813-.15%201.066zm4.022-.509c-.36.36-1.786.803-1.786-.015c0-.82-.224-4.41-2.893-7.079C11.335%207.662%207.524%207.217%206.8%207.217c-.723%200-.473-1.426-.113-1.787c.361-.36.799-.214%201.52-.214c0%200%204.918.663%207.603%203.348c2.666%202.667%203.1%207.356%203.1%207.356c0%20.658.147%201.158-.214%201.52z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/hearthisdotat.svg?color=%231a73e8&size=48
