harp emoji

harp from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

Name
harp
Set
Twitter Emoji
Style
Default
Category
Objects
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

harpNoto EmojiharpOpenMoji

More objects icons from Twitter Emoji

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabs

Use the harp emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#cdd5db" d="M16.15 28.25L12.39 3.87c-.34-.06-.69-.11-1-.15l3.93 25.55zm2.31-2.71L15.25 4.72c-.35-.15-.71-.28-1.08-.4l3.43 22.23zm2.32-2.71L18.29 6.69a10.5 10.5 0 0 0-1.17-.94l2.79 18.09zm1.92-2.26l.39-.46l-1.5-9.75a10.6 10.6 0 0 1-1.22-1.28l1.86 12zm2.69-3.16l-.81-5.3a5 5 0 0 1-.5-.16a5 5 0 0 1-.59-.26l1 6.73z"/><path fill="#efae56" d="m22.23 35.06l-.6-2a.73.73 0 0 0-.71-.52H8.19a.73.73 0 0 0-.71.52l-.6 2a.73.73 0 0 0 .71.94h13.93a.73.73 0 0 0 .71-.94"/><path fill="#e59438" d="M14 32.59H8.19a.73.73 0 0 0-.71.52l-.27.89H21.9l-.27-.88a.73.73 0 0 0-.71-.52z"/><path fill="#efae56" d="M32.31 11.84a3.41 3.41 0 0 0-2.25-2.29A12 12 0 0 0 27.37 9a5.42 5.42 0 0 1-4.61-2.67C19.62 2.09 15.16 0 9.12 0H5.5a1.88 1.88 0 0 0-1.91 1.55A1.79 1.79 0 0 0 5.36 3.6h.39l4.06 26.3h-.2a.7.7 0 0 0-.67.49l-.55 1.84a.69.69 0 0 0 .66.89h11a.69.69 0 0 0 .66-.89l-.55-1.84a.7.7 0 0 0-.67-.49h-.07l11.4-13.35c.35-.42 2.06-2.61 1.49-4.71m-4.5 2.69a34 34 0 0 1-2.41 2.87l-.85 1l-1.45 1.7l-.39.46l-.47.55l-1.45 1.71l-.87 1l-1.45 1.7l-.86 1l-.68.79l-.77.91l-.87 1l-.49.57a.2.2 0 0 1-.07.06H13.1a1.14 1.14 0 0 1-.33-.63L9.39 5.47a1.56 1.56 0 0 1 1.67-1.79h.29c.35 0 .7.09 1 .15a14 14 0 0 1 1.78.45c.37.12.73.25 1.08.4a11 11 0 0 1 1.87 1a10.5 10.5 0 0 1 1.17.94a12.4 12.4 0 0 1 1.59 1.77c.16.21.32.42.49.62a10.6 10.6 0 0 0 1.22 1.28a8.7 8.7 0 0 0 1.91 1.32a5 5 0 0 0 .59.26a5 5 0 0 0 .5.16a10 10 0 0 0 1.4.33c.65.1 1.61 0 2 .67a1.37 1.37 0 0 1-.14 1.5"/><path fill="#e59438" d="M28 12.44c-.43-.61-1.35-.56-2-.66a10 10 0 0 1-1.4-.34l-.5-.15l-.6-.29a8.4 8.4 0 0 1-1.91-1.3a11 11 0 0 1-1.22-1.27c-.17-.2-.33-.41-.49-.62A12.4 12.4 0 0 0 18.29 6a10.4 10.4 0 0 0-1.17-.93a11 11 0 0 0-1.87-1c-.35-.15-.71-.28-1.08-.4a17.1 17.1 0 0 0-4.88-.73c-1.29 0-2.64-.08-3.93 0c0 0-1.63.1-1.77-1.39A1.79 1.79 0 0 0 5.36 3.6h.39l.49 3.16h3.33l-.18-1.29a1.56 1.56 0 0 1 1.45-1.79h.51c.35 0 .7.09 1 .15a14 14 0 0 1 1.78.45c.37.12.73.25 1.08.4a11 11 0 0 1 1.87 1a10.5 10.5 0 0 1 1.17.94a12.4 12.4 0 0 1 1.59 1.77c.16.21.32.42.49.62a10.6 10.6 0 0 0 1.22 1.28a8.7 8.7 0 0 0 1.91 1.32a5 5 0 0 0 .59.26a5 5 0 0 0 .5.16a10 10 0 0 0 1.4.33c.65.1 1.61 0 2 .67a1.37 1.37 0 0 1-.18 1.43a1.92 1.92 0 0 0 .23-2.02"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiHarp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#cdd5db" d="M16.15 28.25L12.39 3.87c-.34-.06-.69-.11-1-.15l3.93 25.55zm2.31-2.71L15.25 4.72c-.35-.15-.71-.28-1.08-.4l3.43 22.23zm2.32-2.71L18.29 6.69a10.5 10.5 0 0 0-1.17-.94l2.79 18.09zm1.92-2.26l.39-.46l-1.5-9.75a10.6 10.6 0 0 1-1.22-1.28l1.86 12zm2.69-3.16l-.81-5.3a5 5 0 0 1-.5-.16a5 5 0 0 1-.59-.26l1 6.73z"/><path fill="#efae56" d="m22.23 35.06l-.6-2a.73.73 0 0 0-.71-.52H8.19a.73.73 0 0 0-.71.52l-.6 2a.73.73 0 0 0 .71.94h13.93a.73.73 0 0 0 .71-.94"/><path fill="#e59438" d="M14 32.59H8.19a.73.73 0 0 0-.71.52l-.27.89H21.9l-.27-.88a.73.73 0 0 0-.71-.52z"/><path fill="#efae56" d="M32.31 11.84a3.41 3.41 0 0 0-2.25-2.29A12 12 0 0 0 27.37 9a5.42 5.42 0 0 1-4.61-2.67C19.62 2.09 15.16 0 9.12 0H5.5a1.88 1.88 0 0 0-1.91 1.55A1.79 1.79 0 0 0 5.36 3.6h.39l4.06 26.3h-.2a.7.7 0 0 0-.67.49l-.55 1.84a.69.69 0 0 0 .66.89h11a.69.69 0 0 0 .66-.89l-.55-1.84a.7.7 0 0 0-.67-.49h-.07l11.4-13.35c.35-.42 2.06-2.61 1.49-4.71m-4.5 2.69a34 34 0 0 1-2.41 2.87l-.85 1l-1.45 1.7l-.39.46l-.47.55l-1.45 1.71l-.87 1l-1.45 1.7l-.86 1l-.68.79l-.77.91l-.87 1l-.49.57a.2.2 0 0 1-.07.06H13.1a1.14 1.14 0 0 1-.33-.63L9.39 5.47a1.56 1.56 0 0 1 1.67-1.79h.29c.35 0 .7.09 1 .15a14 14 0 0 1 1.78.45c.37.12.73.25 1.08.4a11 11 0 0 1 1.87 1a10.5 10.5 0 0 1 1.17.94a12.4 12.4 0 0 1 1.59 1.77c.16.21.32.42.49.62a10.6 10.6 0 0 0 1.22 1.28a8.7 8.7 0 0 0 1.91 1.32a5 5 0 0 0 .59.26a5 5 0 0 0 .5.16a10 10 0 0 0 1.4.33c.65.1 1.61 0 2 .67a1.37 1.37 0 0 1-.14 1.5"/><path fill="#e59438" d="M28 12.44c-.43-.61-1.35-.56-2-.66a10 10 0 0 1-1.4-.34l-.5-.15l-.6-.29a8.4 8.4 0 0 1-1.91-1.3a11 11 0 0 1-1.22-1.27c-.17-.2-.33-.41-.49-.62A12.4 12.4 0 0 0 18.29 6a10.4 10.4 0 0 0-1.17-.93a11 11 0 0 0-1.87-1c-.35-.15-.71-.28-1.08-.4a17.1 17.1 0 0 0-4.88-.73c-1.29 0-2.64-.08-3.93 0c0 0-1.63.1-1.77-1.39A1.79 1.79 0 0 0 5.36 3.6h.39l.49 3.16h3.33l-.18-1.29a1.56 1.56 0 0 1 1.45-1.79h.51c.35 0 .7.09 1 .15a14 14 0 0 1 1.78.45c.37.12.73.25 1.08.4a11 11 0 0 1 1.87 1a10.5 10.5 0 0 1 1.17.94a12.4 12.4 0 0 1 1.59 1.77c.16.21.32.42.49.62a10.6 10.6 0 0 0 1.22 1.28a8.7 8.7 0 0 0 1.91 1.32a5 5 0 0 0 .59.26a5 5 0 0 0 .5.16a10 10 0 0 0 1.4.33c.65.1 1.61 0 2 .67a1.37 1.37 0 0 1-.18 1.43a1.92 1.92 0 0 0 .23-2.02"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#cdd5db" d="M16.15 28.25L12.39 3.87c-.34-.06-.69-.11-1-.15l3.93 25.55zm2.31-2.71L15.25 4.72c-.35-.15-.71-.28-1.08-.4l3.43 22.23zm2.32-2.71L18.29 6.69a10.5 10.5 0 0 0-1.17-.94l2.79 18.09zm1.92-2.26l.39-.46l-1.5-9.75a10.6 10.6 0 0 1-1.22-1.28l1.86 12zm2.69-3.16l-.81-5.3a5 5 0 0 1-.5-.16a5 5 0 0 1-.59-.26l1 6.73z"/><path fill="#efae56" d="m22.23 35.06l-.6-2a.73.73 0 0 0-.71-.52H8.19a.73.73 0 0 0-.71.52l-.6 2a.73.73 0 0 0 .71.94h13.93a.73.73 0 0 0 .71-.94"/><path fill="#e59438" d="M14 32.59H8.19a.73.73 0 0 0-.71.52l-.27.89H21.9l-.27-.88a.73.73 0 0 0-.71-.52z"/><path fill="#efae56" d="M32.31 11.84a3.41 3.41 0 0 0-2.25-2.29A12 12 0 0 0 27.37 9a5.42 5.42 0 0 1-4.61-2.67C19.62 2.09 15.16 0 9.12 0H5.5a1.88 1.88 0 0 0-1.91 1.55A1.79 1.79 0 0 0 5.36 3.6h.39l4.06 26.3h-.2a.7.7 0 0 0-.67.49l-.55 1.84a.69.69 0 0 0 .66.89h11a.69.69 0 0 0 .66-.89l-.55-1.84a.7.7 0 0 0-.67-.49h-.07l11.4-13.35c.35-.42 2.06-2.61 1.49-4.71m-4.5 2.69a34 34 0 0 1-2.41 2.87l-.85 1l-1.45 1.7l-.39.46l-.47.55l-1.45 1.71l-.87 1l-1.45 1.7l-.86 1l-.68.79l-.77.91l-.87 1l-.49.57a.2.2 0 0 1-.07.06H13.1a1.14 1.14 0 0 1-.33-.63L9.39 5.47a1.56 1.56 0 0 1 1.67-1.79h.29c.35 0 .7.09 1 .15a14 14 0 0 1 1.78.45c.37.12.73.25 1.08.4a11 11 0 0 1 1.87 1a10.5 10.5 0 0 1 1.17.94a12.4 12.4 0 0 1 1.59 1.77c.16.21.32.42.49.62a10.6 10.6 0 0 0 1.22 1.28a8.7 8.7 0 0 0 1.91 1.32a5 5 0 0 0 .59.26a5 5 0 0 0 .5.16a10 10 0 0 0 1.4.33c.65.1 1.61 0 2 .67a1.37 1.37 0 0 1-.14 1.5"/><path fill="#e59438" d="M28 12.44c-.43-.61-1.35-.56-2-.66a10 10 0 0 1-1.4-.34l-.5-.15l-.6-.29a8.4 8.4 0 0 1-1.91-1.3a11 11 0 0 1-1.22-1.27c-.17-.2-.33-.41-.49-.62A12.4 12.4 0 0 0 18.29 6a10.4 10.4 0 0 0-1.17-.93a11 11 0 0 0-1.87-1c-.35-.15-.71-.28-1.08-.4a17.1 17.1 0 0 0-4.88-.73c-1.29 0-2.64-.08-3.93 0c0 0-1.63.1-1.77-1.39A1.79 1.79 0 0 0 5.36 3.6h.39l.49 3.16h3.33l-.18-1.29a1.56 1.56 0 0 1 1.45-1.79h.51c.35 0 .7.09 1 .15a14 14 0 0 1 1.78.45c.37.12.73.25 1.08.4a11 11 0 0 1 1.87 1a10.5 10.5 0 0 1 1.17.94a12.4 12.4 0 0 1 1.59 1.77c.16.21.32.42.49.62a10.6 10.6 0 0 0 1.22 1.28a8.7 8.7 0 0 0 1.91 1.32a5 5 0 0 0 .59.26a5 5 0 0 0 .5.16a10 10 0 0 0 1.4.33c.65.1 1.61 0 2 .67a1.37 1.37 0 0 1-.18 1.43a1.92 1.92 0 0 0 .23-2.02"/></svg>
</template>

CSS

.icon-harp {
  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%2036%2036%22%3E%3Cpath%20fill%3D%22%23cdd5db%22%20d%3D%22M16.15%2028.25L12.39%203.87c-.34-.06-.69-.11-1-.15l3.93%2025.55zm2.31-2.71L15.25%204.72c-.35-.15-.71-.28-1.08-.4l3.43%2022.23zm2.32-2.71L18.29%206.69a10.5%2010.5%200%200%200-1.17-.94l2.79%2018.09zm1.92-2.26l.39-.46l-1.5-9.75a10.6%2010.6%200%200%201-1.22-1.28l1.86%2012zm2.69-3.16l-.81-5.3a5%205%200%200%201-.5-.16a5%205%200%200%201-.59-.26l1%206.73z%22%2F%3E%3Cpath%20fill%3D%22%23efae56%22%20d%3D%22m22.23%2035.06l-.6-2a.73.73%200%200%200-.71-.52H8.19a.73.73%200%200%200-.71.52l-.6%202a.73.73%200%200%200%20.71.94h13.93a.73.73%200%200%200%20.71-.94%22%2F%3E%3Cpath%20fill%3D%22%23e59438%22%20d%3D%22M14%2032.59H8.19a.73.73%200%200%200-.71.52l-.27.89H21.9l-.27-.88a.73.73%200%200%200-.71-.52z%22%2F%3E%3Cpath%20fill%3D%22%23efae56%22%20d%3D%22M32.31%2011.84a3.41%203.41%200%200%200-2.25-2.29A12%2012%200%200%200%2027.37%209a5.42%205.42%200%200%201-4.61-2.67C19.62%202.09%2015.16%200%209.12%200H5.5a1.88%201.88%200%200%200-1.91%201.55A1.79%201.79%200%200%200%205.36%203.6h.39l4.06%2026.3h-.2a.7.7%200%200%200-.67.49l-.55%201.84a.69.69%200%200%200%20.66.89h11a.69.69%200%200%200%20.66-.89l-.55-1.84a.7.7%200%200%200-.67-.49h-.07l11.4-13.35c.35-.42%202.06-2.61%201.49-4.71m-4.5%202.69a34%2034%200%200%201-2.41%202.87l-.85%201l-1.45%201.7l-.39.46l-.47.55l-1.45%201.71l-.87%201l-1.45%201.7l-.86%201l-.68.79l-.77.91l-.87%201l-.49.57a.2.2%200%200%201-.07.06H13.1a1.14%201.14%200%200%201-.33-.63L9.39%205.47a1.56%201.56%200%200%201%201.67-1.79h.29c.35%200%20.7.09%201%20.15a14%2014%200%200%201%201.78.45c.37.12.73.25%201.08.4a11%2011%200%200%201%201.87%201a10.5%2010.5%200%200%201%201.17.94a12.4%2012.4%200%200%201%201.59%201.77c.16.21.32.42.49.62a10.6%2010.6%200%200%200%201.22%201.28a8.7%208.7%200%200%200%201.91%201.32a5%205%200%200%200%20.59.26a5%205%200%200%200%20.5.16a10%2010%200%200%200%201.4.33c.65.1%201.61%200%202%20.67a1.37%201.37%200%200%201-.14%201.5%22%2F%3E%3Cpath%20fill%3D%22%23e59438%22%20d%3D%22M28%2012.44c-.43-.61-1.35-.56-2-.66a10%2010%200%200%201-1.4-.34l-.5-.15l-.6-.29a8.4%208.4%200%200%201-1.91-1.3a11%2011%200%200%201-1.22-1.27c-.17-.2-.33-.41-.49-.62A12.4%2012.4%200%200%200%2018.29%206a10.4%2010.4%200%200%200-1.17-.93a11%2011%200%200%200-1.87-1c-.35-.15-.71-.28-1.08-.4a17.1%2017.1%200%200%200-4.88-.73c-1.29%200-2.64-.08-3.93%200c0%200-1.63.1-1.77-1.39A1.79%201.79%200%200%200%205.36%203.6h.39l.49%203.16h3.33l-.18-1.29a1.56%201.56%200%200%201%201.45-1.79h.51c.35%200%20.7.09%201%20.15a14%2014%200%200%201%201.78.45c.37.12.73.25%201.08.4a11%2011%200%200%201%201.87%201a10.5%2010.5%200%200%201%201.17.94a12.4%2012.4%200%200%201%201.59%201.77c.16.21.32.42.49.62a10.6%2010.6%200%200%200%201.22%201.28a8.7%208.7%200%200%200%201.91%201.32a5%205%200%200%200%20.59.26a5%205%200%200%200%20.5.16a10%2010%200%200%200%201.4.33c.65.1%201.61%200%202%20.67a1.37%201.37%200%200%201-.18%201.43a1.92%201.92%200%200%200%20.23-2.02%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23cdd5db%22%20d%3D%22M16.15%2028.25L12.39%203.87c-.34-.06-.69-.11-1-.15l3.93%2025.55zm2.31-2.71L15.25%204.72c-.35-.15-.71-.28-1.08-.4l3.43%2022.23zm2.32-2.71L18.29%206.69a10.5%2010.5%200%200%200-1.17-.94l2.79%2018.09zm1.92-2.26l.39-.46l-1.5-9.75a10.6%2010.6%200%200%201-1.22-1.28l1.86%2012zm2.69-3.16l-.81-5.3a5%205%200%200%201-.5-.16a5%205%200%200%201-.59-.26l1%206.73z%22%2F%3E%3Cpath%20fill%3D%22%23efae56%22%20d%3D%22m22.23%2035.06l-.6-2a.73.73%200%200%200-.71-.52H8.19a.73.73%200%200%200-.71.52l-.6%202a.73.73%200%200%200%20.71.94h13.93a.73.73%200%200%200%20.71-.94%22%2F%3E%3Cpath%20fill%3D%22%23e59438%22%20d%3D%22M14%2032.59H8.19a.73.73%200%200%200-.71.52l-.27.89H21.9l-.27-.88a.73.73%200%200%200-.71-.52z%22%2F%3E%3Cpath%20fill%3D%22%23efae56%22%20d%3D%22M32.31%2011.84a3.41%203.41%200%200%200-2.25-2.29A12%2012%200%200%200%2027.37%209a5.42%205.42%200%200%201-4.61-2.67C19.62%202.09%2015.16%200%209.12%200H5.5a1.88%201.88%200%200%200-1.91%201.55A1.79%201.79%200%200%200%205.36%203.6h.39l4.06%2026.3h-.2a.7.7%200%200%200-.67.49l-.55%201.84a.69.69%200%200%200%20.66.89h11a.69.69%200%200%200%20.66-.89l-.55-1.84a.7.7%200%200%200-.67-.49h-.07l11.4-13.35c.35-.42%202.06-2.61%201.49-4.71m-4.5%202.69a34%2034%200%200%201-2.41%202.87l-.85%201l-1.45%201.7l-.39.46l-.47.55l-1.45%201.71l-.87%201l-1.45%201.7l-.86%201l-.68.79l-.77.91l-.87%201l-.49.57a.2.2%200%200%201-.07.06H13.1a1.14%201.14%200%200%201-.33-.63L9.39%205.47a1.56%201.56%200%200%201%201.67-1.79h.29c.35%200%20.7.09%201%20.15a14%2014%200%200%201%201.78.45c.37.12.73.25%201.08.4a11%2011%200%200%201%201.87%201a10.5%2010.5%200%200%201%201.17.94a12.4%2012.4%200%200%201%201.59%201.77c.16.21.32.42.49.62a10.6%2010.6%200%200%200%201.22%201.28a8.7%208.7%200%200%200%201.91%201.32a5%205%200%200%200%20.59.26a5%205%200%200%200%20.5.16a10%2010%200%200%200%201.4.33c.65.1%201.61%200%202%20.67a1.37%201.37%200%200%201-.14%201.5%22%2F%3E%3Cpath%20fill%3D%22%23e59438%22%20d%3D%22M28%2012.44c-.43-.61-1.35-.56-2-.66a10%2010%200%200%201-1.4-.34l-.5-.15l-.6-.29a8.4%208.4%200%200%201-1.91-1.3a11%2011%200%200%201-1.22-1.27c-.17-.2-.33-.41-.49-.62A12.4%2012.4%200%200%200%2018.29%206a10.4%2010.4%200%200%200-1.17-.93a11%2011%200%200%200-1.87-1c-.35-.15-.71-.28-1.08-.4a17.1%2017.1%200%200%200-4.88-.73c-1.29%200-2.64-.08-3.93%200c0%200-1.63.1-1.77-1.39A1.79%201.79%200%200%200%205.36%203.6h.39l.49%203.16h3.33l-.18-1.29a1.56%201.56%200%200%201%201.45-1.79h.51c.35%200%20.7.09%201%20.15a14%2014%200%200%201%201.78.45c.37.12.73.25%201.08.4a11%2011%200%200%201%201.87%201a10.5%2010.5%200%200%201%201.17.94a12.4%2012.4%200%200%201%201.59%201.77c.16.21.32.42.49.62a10.6%2010.6%200%200%200%201.22%201.28a8.7%208.7%200%200%200%201.91%201.32a5%205%200%200%200%20.59.26a5%205%200%200%200%20.5.16a10%2010%200%200%200%201.4.33c.65.1%201.61%200%202%20.67a1.37%201.37%200%200%201-.18%201.43a1.92%201.92%200%200%200%20.23-2.02%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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