Home_heart 1 Icon SVG
Home_heart 1
Home_heart 1 SVG Icon Code | Customize color
You can get svg icon home_heart 1 in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 22H5C4.44772 22 4 21.5523 4 21V11.357C4.01549 11.1119 4.11964 10.8809 4.293 10.707L11.293 3.70698C11.4806 3.51921 11.7351 3.4137 12.0005 3.4137C12.2659 3.4137 12.5204 3.51921 12.708 3.70698L19.708 10.707C19.8957 10.8943 20.0009 11.1488 20 11.414V21C20 21.5523 19.5523 22 19 22ZM11.378 17.475C11.598 17.655 11.811 17.831 12 18C12.2 17.823 12.424 17.64 12.662 17.446L12.719 17.399C13.885 16.448 15.337 15.265 15.337 13.799C15.3368 13.3153 15.142 12.852 14.7964 12.5136C14.4508 12.1751 13.9836 11.99 13.5 12C12.9278 11.9984 12.3821 12.2411 12 12.667C11.6179 12.241 11.0722 11.9983 10.5 12C10.0166 11.9906 9.5497 12.1761 9.20452 12.5147C8.85935 12.8532 8.66491 13.3165 8.665 13.8C8.665 15.261 10.105 16.436 11.265 17.38H11.264H11.269L11.287 17.395H11.292L11.3 17.414L11.352 17.457L11.365 17.467H11.371L11.378 17.475Z" fill="black"/> </svg>
Svg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 22H5C4.44772 22 4 21.5523 4 21V11.357C4.01549 11.1119 4.11964 10.8809 4.293 10.707L11.293 3.70698C11.4806 3.51921 11.7351 3.4137 12.0005 3.4137C12.2659 3.4137 12.5204 3.51921 12.708 3.70698L19.708 10.707C19.8957 10.8943 20.0009 11.1488 20 11.414V21C20 21.5523 19.5523 22 19 22ZM11.378 17.475C11.598 17.655 11.811 17.831 12 18C12.2 17.823 12.424 17.64 12.662 17.446L12.719 17.399C13.885 16.448 15.337 15.265 15.337 13.799C15.3368 13.3153 15.142 12.852 14.7964 12.5136C14.4508 12.1751 13.9836 11.99 13.5 12C12.9278 11.9984 12.3821 12.2411 12 12.667C11.6179 12.241 11.0722 11.9983 10.5 12C10.0166 11.9906 9.5497 12.1761 9.20452 12.5147C8.85935 12.8532 8.66491 13.3165 8.665 13.8C8.665 15.261 10.105 16.436 11.265 17.38H11.264H11.269L11.287 17.395H11.292L11.3 17.414L11.352 17.457L11.365 17.467H11.371L11.378 17.475Z" fill="white"></path> </svg>
Svg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 22H5C4.44772 22 4 21.5523 4 21V11.357C4.01549 11.1119 4.11964 10.8809 4.293 10.707L11.293 3.70698C11.4806 3.51921 11.7351 3.4137 12.0005 3.4137C12.2659 3.4137 12.5204 3.51921 12.708 3.70698L19.708 10.707C19.8957 10.8943 20.0009 11.1488 20 11.414V21C20 21.5523 19.5523 22 19 22ZM11.378 17.475C11.598 17.655 11.811 17.831 12 18C12.2 17.823 12.424 17.64 12.662 17.446L12.719 17.399C13.885 16.448 15.337 15.265 15.337 13.799C15.3368 13.3153 15.142 12.852 14.7964 12.5136C14.4508 12.1751 13.9836 11.99 13.5 12C12.9278 11.9984 12.3821 12.2411 12 12.667C11.6179 12.241 11.0722 11.9983 10.5 12C10.0166 11.9906 9.5497 12.1761 9.20452 12.5147C8.85935 12.8532 8.66491 13.3165 8.665 13.8C8.665 15.261 10.105 16.436 11.265 17.38H11.264H11.269L11.287 17.395H11.292L11.3 17.414L11.352 17.457L11.365 17.467H11.371L11.378 17.475Z" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 22H5C4.44772 22 4 21.5523 4 21V11.357C4.01549 11.1119 4.11964 10.8809 4.293 10.707L11.293 3.70698C11.4806 3.51921 11.7351 3.4137 12.0005 3.4137C12.2659 3.4137 12.5204 3.51921 12.708 3.70698L19.708 10.707C19.8957 10.8943 20.0009 11.1488 20 11.414V21C20 21.5523 19.5523 22 19 22ZM11.378 17.475C11.598 17.655 11.811 17.831 12 18C12.2 17.823 12.424 17.64 12.662 17.446L12.719 17.399C13.885 16.448 15.337 15.265 15.337 13.799C15.3368 13.3153 15.142 12.852 14.7964 12.5136C14.4508 12.1751 13.9836 11.99 13.5 12C12.9278 11.9984 12.3821 12.2411 12 12.667C11.6179 12.241 11.0722 11.9983 10.5 12C10.0166 11.9906 9.5497 12.1761 9.20452 12.5147C8.85935 12.8532 8.66491 13.3165 8.665 13.8C8.665 15.261 10.105 16.436 11.265 17.38H11.264H11.269L11.287 17.395H11.292L11.3 17.414L11.352 17.457L11.365 17.467H11.371L11.378 17.475Z" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 22H5C4.44772 22 4 21.5523 4 21V11.357C4.01549 11.1119 4.11964 10.8809 4.293 10.707L11.293 3.70698C11.4806 3.51921 11.7351 3.4137 12.0005 3.4137C12.2659 3.4137 12.5204 3.51921 12.708 3.70698L19.708 10.707C19.8957 10.8943 20.0009 11.1488 20 11.414V21C20 21.5523 19.5523 22 19 22ZM11.378 17.475C11.598 17.655 11.811 17.831 12 18C12.2 17.823 12.424 17.64 12.662 17.446L12.719 17.399C13.885 16.448 15.337 15.265 15.337 13.799C15.3368 13.3153 15.142 12.852 14.7964 12.5136C14.4508 12.1751 13.9836 11.99 13.5 12C12.9278 11.9984 12.3821 12.2411 12 12.667C11.6179 12.241 11.0722 11.9983 10.5 12C10.0166 11.9906 9.5497 12.1761 9.20452 12.5147C8.85935 12.8532 8.66491 13.3165 8.665 13.8C8.665 15.261 10.105 16.436 11.265 17.38H11.264H11.269L11.287 17.395H11.292L11.3 17.414L11.352 17.457L11.365 17.467H11.371L11.378 17.475Z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit home_heart 1 as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements