respect icon
respect from IconPark by ByteDance · Color · Hands · Apache-2.0 Free for personal and commercial use.
- Name
- respect
- Set
- IconPark
- Style
- Color
- Category
- Hands
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More hands icons from IconPark
Use the respect icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M44 42H31L28.0444 28.2072C28.0149 28.0694 28 27.929 28 27.7881V15L20.5696 9.03598C19.7093 8.34543 19.5872 7.08156 20.2994 6.23908C20.9073 5.52003 21.9403 5.33418 22.7607 5.79624L32 11L35.9475 25.8031C35.9824 25.934 36.0305 26.0611 36.0911 26.1822L44 42Z"/><path d="M36 26L28 28"/><path d="M19.379 25.5209L19.4429 25.5743C20.3862 26.3631 21.8112 26.1218 22.4423 25.0665L24 22.4616V17.7692L20.32 15L13.96 15.8461L9.81453 23.9417C9.76493 24.0385 9.72331 24.1393 9.6901 24.2429L4 42H15.96V29L17 24.0872L17.5 22H19L18.6963 23.6175C18.5627 24.3288 18.8238 25.0567 19.379 25.5209Z"/><path d="M10 25L16 28"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkRespect(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M44 42H31L28.0444 28.2072C28.0149 28.0694 28 27.929 28 27.7881V15L20.5696 9.03598C19.7093 8.34543 19.5872 7.08156 20.2994 6.23908C20.9073 5.52003 21.9403 5.33418 22.7607 5.79624L32 11L35.9475 25.8031C35.9824 25.934 36.0305 26.0611 36.0911 26.1822L44 42Z"/><path d="M36 26L28 28"/><path d="M19.379 25.5209L19.4429 25.5743C20.3862 26.3631 21.8112 26.1218 22.4423 25.0665L24 22.4616V17.7692L20.32 15L13.96 15.8461L9.81453 23.9417C9.76493 24.0385 9.72331 24.1393 9.6901 24.2429L4 42H15.96V29L17 24.0872L17.5 22H19L18.6963 23.6175C18.5627 24.3288 18.8238 25.0567 19.379 25.5209Z"/><path d="M10 25L16 28"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M44 42H31L28.0444 28.2072C28.0149 28.0694 28 27.929 28 27.7881V15L20.5696 9.03598C19.7093 8.34543 19.5872 7.08156 20.2994 6.23908C20.9073 5.52003 21.9403 5.33418 22.7607 5.79624L32 11L35.9475 25.8031C35.9824 25.934 36.0305 26.0611 36.0911 26.1822L44 42Z"/><path d="M36 26L28 28"/><path d="M19.379 25.5209L19.4429 25.5743C20.3862 26.3631 21.8112 26.1218 22.4423 25.0665L24 22.4616V17.7692L20.32 15L13.96 15.8461L9.81453 23.9417C9.76493 24.0385 9.72331 24.1393 9.6901 24.2429L4 42H15.96V29L17 24.0872L17.5 22H19L18.6963 23.6175C18.5627 24.3288 18.8238 25.0567 19.379 25.5209Z"/><path d="M10 25L16 28"/></g></svg> </template>
CSS
.icon-respect {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M44%2042H31L28.0444%2028.2072C28.0149%2028.0694%2028%2027.929%2028%2027.7881V15L20.5696%209.03598C19.7093%208.34543%2019.5872%207.08156%2020.2994%206.23908C20.9073%205.52003%2021.9403%205.33418%2022.7607%205.79624L32%2011L35.9475%2025.8031C35.9824%2025.934%2036.0305%2026.0611%2036.0911%2026.1822L44%2042Z%22%2F%3E%3Cpath%20d%3D%22M36%2026L28%2028%22%2F%3E%3Cpath%20d%3D%22M19.379%2025.5209L19.4429%2025.5743C20.3862%2026.3631%2021.8112%2026.1218%2022.4423%2025.0665L24%2022.4616V17.7692L20.32%2015L13.96%2015.8461L9.81453%2023.9417C9.76493%2024.0385%209.72331%2024.1393%209.6901%2024.2429L4%2042H15.96V29L17%2024.0872L17.5%2022H19L18.6963%2023.6175C18.5627%2024.3288%2018.8238%2025.0567%2019.379%2025.5209Z%22%2F%3E%3Cpath%20d%3D%22M10%2025L16%2028%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M44%2042H31L28.0444%2028.2072C28.0149%2028.0694%2028%2027.929%2028%2027.7881V15L20.5696%209.03598C19.7093%208.34543%2019.5872%207.08156%2020.2994%206.23908C20.9073%205.52003%2021.9403%205.33418%2022.7607%205.79624L32%2011L35.9475%2025.8031C35.9824%2025.934%2036.0305%2026.0611%2036.0911%2026.1822L44%2042Z%22%2F%3E%3Cpath%20d%3D%22M36%2026L28%2028%22%2F%3E%3Cpath%20d%3D%22M19.379%2025.5209L19.4429%2025.5743C20.3862%2026.3631%2021.8112%2026.1218%2022.4423%2025.0665L24%2022.4616V17.7692L20.32%2015L13.96%2015.8461L9.81453%2023.9417C9.76493%2024.0385%209.72331%2024.1393%209.6901%2024.2429L4%2042H15.96V29L17%2024.0872L17.5%2022H19L18.6963%2023.6175C18.5627%2024.3288%2018.8238%2025.0567%2019.379%2025.5209Z%22%2F%3E%3Cpath%20d%3D%22M10%2025L16%2028%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/respect.svg?color=%231a73e8&size=48
