clipboard heart icon
clipboard-heart from Reicon by REICON · Outline · Notes · MIT Free for personal and commercial use.
- Name
- clipboard-heart
- Set
- Reicon
- Style
- Outline
- Category
- Notes
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All clipboard heart icons →More notes icons from Reicon
Use the clipboard heart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.263 3.259A2.25 2.25 0 0 1 9.5 1.25h5a2.25 2.25 0 0 1 2.237 2.009c.763.015 1.423.055 1.987.158c.758.14 1.403.405 1.928.93c.602.602.86 1.36.982 2.26c.116.866.116 1.969.116 3.336v6.11c0 1.368 0 2.47-.116 3.337c-.122.9-.38 1.658-.982 2.26s-1.36.86-2.26.982c-.867.116-1.97.116-3.337.116h-6.11c-1.367 0-2.47 0-3.337-.116c-.9-.121-1.658-.38-2.26-.982s-.86-1.36-.981-2.26c-.117-.867-.117-1.97-.117-3.337v-6.11c0-1.367 0-2.47.117-3.336c.12-.9.38-1.658.981-2.26c.525-.525 1.17-.79 1.928-.93c.564-.103 1.224-.143 1.987-.158m.002 1.5c-.718.015-1.272.052-1.718.134c-.566.104-.895.27-1.138.514c-.277.277-.457.666-.556 1.4c-.101.755-.103 1.756-.103 3.191v6c0 1.436.002 2.437.103 3.192c.099.734.28 1.122.556 1.4c.277.276.665.457 1.4.555c.754.102 1.756.103 3.191.103h6c1.435 0 2.436-.001 3.192-.103c.734-.098 1.122-.279 1.399-.556c.277-.276.457-.665.556-1.399c.101-.755.103-1.756.103-3.192v-6c0-1.435-.002-2.436-.103-3.192c-.099-.733-.28-1.122-.556-1.399c-.244-.243-.572-.41-1.138-.514c-.446-.082-1-.119-1.718-.134A2.25 2.25 0 0 1 14.5 6.75h-5a2.25 2.25 0 0 1-2.235-1.99M9.5 2.75a.75.75 0 0 0-.75.75v1c0 .414.336.75.75.75h5a.75.75 0 0 0 .75-.75v-1a.75.75 0 0 0-.75-.75zm.742 9.04c-.23.08-.492.33-.492.907c0 .214.141.545.51.971c.348.403.809.786 1.226 1.093a4 4 0 0 0 .42.288c.054.029.07.029.094.029s.04 0 .094-.03a4 4 0 0 0 .42-.287c.417-.307.878-.69 1.227-1.093c.368-.426.509-.757.509-.971c0-.576-.263-.827-.492-.907c-.25-.088-.714-.06-1.24.443a.75.75 0 0 1-1.037 0c-.525-.503-.989-.531-1.24-.443M12 10.734c-.716-.471-1.525-.616-2.254-.36c-.934.327-1.496 1.226-1.496 2.323c0 .77.441 1.45.875 1.952c.453.525 1.014.984 1.474 1.321l.07.052c.352.26.752.556 1.331.556c.58 0 .98-.296 1.33-.556l.07-.052c.46-.337 1.022-.796 1.475-1.32c.434-.502.875-1.183.875-1.953c0-1.097-.562-1.996-1.496-2.323c-.729-.256-1.538-.111-2.254.36" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconClipboardHeart(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" fillRule="evenodd" d="M7.263 3.259A2.25 2.25 0 0 1 9.5 1.25h5a2.25 2.25 0 0 1 2.237 2.009c.763.015 1.423.055 1.987.158c.758.14 1.403.405 1.928.93c.602.602.86 1.36.982 2.26c.116.866.116 1.969.116 3.336v6.11c0 1.368 0 2.47-.116 3.337c-.122.9-.38 1.658-.982 2.26s-1.36.86-2.26.982c-.867.116-1.97.116-3.337.116h-6.11c-1.367 0-2.47 0-3.337-.116c-.9-.121-1.658-.38-2.26-.982s-.86-1.36-.981-2.26c-.117-.867-.117-1.97-.117-3.337v-6.11c0-1.367 0-2.47.117-3.336c.12-.9.38-1.658.981-2.26c.525-.525 1.17-.79 1.928-.93c.564-.103 1.224-.143 1.987-.158m.002 1.5c-.718.015-1.272.052-1.718.134c-.566.104-.895.27-1.138.514c-.277.277-.457.666-.556 1.4c-.101.755-.103 1.756-.103 3.191v6c0 1.436.002 2.437.103 3.192c.099.734.28 1.122.556 1.4c.277.276.665.457 1.4.555c.754.102 1.756.103 3.191.103h6c1.435 0 2.436-.001 3.192-.103c.734-.098 1.122-.279 1.399-.556c.277-.276.457-.665.556-1.399c.101-.755.103-1.756.103-3.192v-6c0-1.435-.002-2.436-.103-3.192c-.099-.733-.28-1.122-.556-1.399c-.244-.243-.572-.41-1.138-.514c-.446-.082-1-.119-1.718-.134A2.25 2.25 0 0 1 14.5 6.75h-5a2.25 2.25 0 0 1-2.235-1.99M9.5 2.75a.75.75 0 0 0-.75.75v1c0 .414.336.75.75.75h5a.75.75 0 0 0 .75-.75v-1a.75.75 0 0 0-.75-.75zm.742 9.04c-.23.08-.492.33-.492.907c0 .214.141.545.51.971c.348.403.809.786 1.226 1.093a4 4 0 0 0 .42.288c.054.029.07.029.094.029s.04 0 .094-.03a4 4 0 0 0 .42-.287c.417-.307.878-.69 1.227-1.093c.368-.426.509-.757.509-.971c0-.576-.263-.827-.492-.907c-.25-.088-.714-.06-1.24.443a.75.75 0 0 1-1.037 0c-.525-.503-.989-.531-1.24-.443M12 10.734c-.716-.471-1.525-.616-2.254-.36c-.934.327-1.496 1.226-1.496 2.323c0 .77.441 1.45.875 1.952c.453.525 1.014.984 1.474 1.321l.07.052c.352.26.752.556 1.331.556c.58 0 .98-.296 1.33-.556l.07-.052c.46-.337 1.022-.796 1.475-1.32c.434-.502.875-1.183.875-1.953c0-1.097-.562-1.996-1.496-2.323c-.729-.256-1.538-.111-2.254.36" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.263 3.259A2.25 2.25 0 0 1 9.5 1.25h5a2.25 2.25 0 0 1 2.237 2.009c.763.015 1.423.055 1.987.158c.758.14 1.403.405 1.928.93c.602.602.86 1.36.982 2.26c.116.866.116 1.969.116 3.336v6.11c0 1.368 0 2.47-.116 3.337c-.122.9-.38 1.658-.982 2.26s-1.36.86-2.26.982c-.867.116-1.97.116-3.337.116h-6.11c-1.367 0-2.47 0-3.337-.116c-.9-.121-1.658-.38-2.26-.982s-.86-1.36-.981-2.26c-.117-.867-.117-1.97-.117-3.337v-6.11c0-1.367 0-2.47.117-3.336c.12-.9.38-1.658.981-2.26c.525-.525 1.17-.79 1.928-.93c.564-.103 1.224-.143 1.987-.158m.002 1.5c-.718.015-1.272.052-1.718.134c-.566.104-.895.27-1.138.514c-.277.277-.457.666-.556 1.4c-.101.755-.103 1.756-.103 3.191v6c0 1.436.002 2.437.103 3.192c.099.734.28 1.122.556 1.4c.277.276.665.457 1.4.555c.754.102 1.756.103 3.191.103h6c1.435 0 2.436-.001 3.192-.103c.734-.098 1.122-.279 1.399-.556c.277-.276.457-.665.556-1.399c.101-.755.103-1.756.103-3.192v-6c0-1.435-.002-2.436-.103-3.192c-.099-.733-.28-1.122-.556-1.399c-.244-.243-.572-.41-1.138-.514c-.446-.082-1-.119-1.718-.134A2.25 2.25 0 0 1 14.5 6.75h-5a2.25 2.25 0 0 1-2.235-1.99M9.5 2.75a.75.75 0 0 0-.75.75v1c0 .414.336.75.75.75h5a.75.75 0 0 0 .75-.75v-1a.75.75 0 0 0-.75-.75zm.742 9.04c-.23.08-.492.33-.492.907c0 .214.141.545.51.971c.348.403.809.786 1.226 1.093a4 4 0 0 0 .42.288c.054.029.07.029.094.029s.04 0 .094-.03a4 4 0 0 0 .42-.287c.417-.307.878-.69 1.227-1.093c.368-.426.509-.757.509-.971c0-.576-.263-.827-.492-.907c-.25-.088-.714-.06-1.24.443a.75.75 0 0 1-1.037 0c-.525-.503-.989-.531-1.24-.443M12 10.734c-.716-.471-1.525-.616-2.254-.36c-.934.327-1.496 1.226-1.496 2.323c0 .77.441 1.45.875 1.952c.453.525 1.014.984 1.474 1.321l.07.052c.352.26.752.556 1.331.556c.58 0 .98-.296 1.33-.556l.07-.052c.46-.337 1.022-.796 1.475-1.32c.434-.502.875-1.183.875-1.953c0-1.097-.562-1.996-1.496-2.323c-.729-.256-1.538-.111-2.254.36" clip-rule="evenodd"/></svg> </template>
CSS
.icon-clipboard-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.263%203.259A2.25%202.25%200%200%201%209.5%201.25h5a2.25%202.25%200%200%201%202.237%202.009c.763.015%201.423.055%201.987.158c.758.14%201.403.405%201.928.93c.602.602.86%201.36.982%202.26c.116.866.116%201.969.116%203.336v6.11c0%201.368%200%202.47-.116%203.337c-.122.9-.38%201.658-.982%202.26s-1.36.86-2.26.982c-.867.116-1.97.116-3.337.116h-6.11c-1.367%200-2.47%200-3.337-.116c-.9-.121-1.658-.38-2.26-.982s-.86-1.36-.981-2.26c-.117-.867-.117-1.97-.117-3.337v-6.11c0-1.367%200-2.47.117-3.336c.12-.9.38-1.658.981-2.26c.525-.525%201.17-.79%201.928-.93c.564-.103%201.224-.143%201.987-.158m.002%201.5c-.718.015-1.272.052-1.718.134c-.566.104-.895.27-1.138.514c-.277.277-.457.666-.556%201.4c-.101.755-.103%201.756-.103%203.191v6c0%201.436.002%202.437.103%203.192c.099.734.28%201.122.556%201.4c.277.276.665.457%201.4.555c.754.102%201.756.103%203.191.103h6c1.435%200%202.436-.001%203.192-.103c.734-.098%201.122-.279%201.399-.556c.277-.276.457-.665.556-1.399c.101-.755.103-1.756.103-3.192v-6c0-1.435-.002-2.436-.103-3.192c-.099-.733-.28-1.122-.556-1.399c-.244-.243-.572-.41-1.138-.514c-.446-.082-1-.119-1.718-.134A2.25%202.25%200%200%201%2014.5%206.75h-5a2.25%202.25%200%200%201-2.235-1.99M9.5%202.75a.75.75%200%200%200-.75.75v1c0%20.414.336.75.75.75h5a.75.75%200%200%200%20.75-.75v-1a.75.75%200%200%200-.75-.75zm.742%209.04c-.23.08-.492.33-.492.907c0%20.214.141.545.51.971c.348.403.809.786%201.226%201.093a4%204%200%200%200%20.42.288c.054.029.07.029.094.029s.04%200%20.094-.03a4%204%200%200%200%20.42-.287c.417-.307.878-.69%201.227-1.093c.368-.426.509-.757.509-.971c0-.576-.263-.827-.492-.907c-.25-.088-.714-.06-1.24.443a.75.75%200%200%201-1.037%200c-.525-.503-.989-.531-1.24-.443M12%2010.734c-.716-.471-1.525-.616-2.254-.36c-.934.327-1.496%201.226-1.496%202.323c0%20.77.441%201.45.875%201.952c.453.525%201.014.984%201.474%201.321l.07.052c.352.26.752.556%201.331.556c.58%200%20.98-.296%201.33-.556l.07-.052c.46-.337%201.022-.796%201.475-1.32c.434-.502.875-1.183.875-1.953c0-1.097-.562-1.996-1.496-2.323c-.729-.256-1.538-.111-2.254.36%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M7.263%203.259A2.25%202.25%200%200%201%209.5%201.25h5a2.25%202.25%200%200%201%202.237%202.009c.763.015%201.423.055%201.987.158c.758.14%201.403.405%201.928.93c.602.602.86%201.36.982%202.26c.116.866.116%201.969.116%203.336v6.11c0%201.368%200%202.47-.116%203.337c-.122.9-.38%201.658-.982%202.26s-1.36.86-2.26.982c-.867.116-1.97.116-3.337.116h-6.11c-1.367%200-2.47%200-3.337-.116c-.9-.121-1.658-.38-2.26-.982s-.86-1.36-.981-2.26c-.117-.867-.117-1.97-.117-3.337v-6.11c0-1.367%200-2.47.117-3.336c.12-.9.38-1.658.981-2.26c.525-.525%201.17-.79%201.928-.93c.564-.103%201.224-.143%201.987-.158m.002%201.5c-.718.015-1.272.052-1.718.134c-.566.104-.895.27-1.138.514c-.277.277-.457.666-.556%201.4c-.101.755-.103%201.756-.103%203.191v6c0%201.436.002%202.437.103%203.192c.099.734.28%201.122.556%201.4c.277.276.665.457%201.4.555c.754.102%201.756.103%203.191.103h6c1.435%200%202.436-.001%203.192-.103c.734-.098%201.122-.279%201.399-.556c.277-.276.457-.665.556-1.399c.101-.755.103-1.756.103-3.192v-6c0-1.435-.002-2.436-.103-3.192c-.099-.733-.28-1.122-.556-1.399c-.244-.243-.572-.41-1.138-.514c-.446-.082-1-.119-1.718-.134A2.25%202.25%200%200%201%2014.5%206.75h-5a2.25%202.25%200%200%201-2.235-1.99M9.5%202.75a.75.75%200%200%200-.75.75v1c0%20.414.336.75.75.75h5a.75.75%200%200%200%20.75-.75v-1a.75.75%200%200%200-.75-.75zm.742%209.04c-.23.08-.492.33-.492.907c0%20.214.141.545.51.971c.348.403.809.786%201.226%201.093a4%204%200%200%200%20.42.288c.054.029.07.029.094.029s.04%200%20.094-.03a4%204%200%200%200%20.42-.287c.417-.307.878-.69%201.227-1.093c.368-.426.509-.757.509-.971c0-.576-.263-.827-.492-.907c-.25-.088-.714-.06-1.24.443a.75.75%200%200%201-1.037%200c-.525-.503-.989-.531-1.24-.443M12%2010.734c-.716-.471-1.525-.616-2.254-.36c-.934.327-1.496%201.226-1.496%202.323c0%20.77.441%201.45.875%201.952c.453.525%201.014.984%201.474%201.321l.07.052c.352.26.752.556%201.331.556c.58%200%20.98-.296%201.33-.556l.07-.052c.46-.337%201.022-.796%201.475-1.32c.434-.502.875-1.183.875-1.953c0-1.097-.562-1.996-1.496-2.323c-.729-.256-1.538-.111-2.254.36%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/clipboard-heart.svg?color=%231a73e8&size=48
