pangle icon
pangle from IconPark by ByteDance · Color · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- pangle
- Set
- IconPark
- Style
- Color
- Category
- Brand
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More brand icons from IconPark
Use the pangle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path d="M38.4507 23.017L33.1941 20.0096C33.0804 19.9464 32.9414 20.0222 32.9414 20.1612V27.6418C32.9414 27.7808 33.0172 27.8945 33.1309 27.9703L38.3875 30.9777C38.5013 31.0409 38.6403 30.9651 38.6403 30.8261V23.3455C38.6403 23.2065 38.5644 23.0928 38.4507 23.017Z"/><path d="M31.1109 18.8749L25.8543 15.8675C25.7406 15.8043 25.6016 15.8801 25.6016 16.0191V27.6569C25.6016 27.758 25.6774 27.8338 25.7785 27.8338H31.1362C31.2372 27.8338 31.3131 27.758 31.3131 27.6569V19.2034C31.3004 19.0644 31.2246 18.9381 31.1109 18.8749Z"/><path d="M18.6775 30.9424L23.9341 27.935C24.0479 27.8718 24.1237 27.7454 24.1237 27.6064V15.1725C24.1237 15.0462 23.9847 14.9577 23.871 15.0209L18.6143 18.0283C18.5006 18.0915 18.4248 18.2178 18.4248 18.3568V30.7907C18.4248 30.9297 18.5638 31.0055 18.6775 30.9424Z"/><path d="M40.1064 24.2676V27.6794C40.1064 27.7805 40.1823 27.8563 40.2834 27.8563H46.2475C46.4245 27.8563 46.4876 27.6162 46.336 27.5404L40.3718 24.1286C40.2454 24.0528 40.1064 24.1413 40.1064 24.2676Z"/><path d="M16.6927 19.1274L2.08539 27.5052C1.93376 27.5936 1.99694 27.8211 2.17384 27.8211H16.7811C16.8822 27.8211 16.9581 27.7452 16.9581 27.6442V19.2791C16.9454 19.1401 16.8064 19.0643 16.6927 19.1274Z"/></svg>
React
import type { SVGProps } from "react";
export function IconParkPangle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path d="M38.4507 23.017L33.1941 20.0096C33.0804 19.9464 32.9414 20.0222 32.9414 20.1612V27.6418C32.9414 27.7808 33.0172 27.8945 33.1309 27.9703L38.3875 30.9777C38.5013 31.0409 38.6403 30.9651 38.6403 30.8261V23.3455C38.6403 23.2065 38.5644 23.0928 38.4507 23.017Z"/><path d="M31.1109 18.8749L25.8543 15.8675C25.7406 15.8043 25.6016 15.8801 25.6016 16.0191V27.6569C25.6016 27.758 25.6774 27.8338 25.7785 27.8338H31.1362C31.2372 27.8338 31.3131 27.758 31.3131 27.6569V19.2034C31.3004 19.0644 31.2246 18.9381 31.1109 18.8749Z"/><path d="M18.6775 30.9424L23.9341 27.935C24.0479 27.8718 24.1237 27.7454 24.1237 27.6064V15.1725C24.1237 15.0462 23.9847 14.9577 23.871 15.0209L18.6143 18.0283C18.5006 18.0915 18.4248 18.2178 18.4248 18.3568V30.7907C18.4248 30.9297 18.5638 31.0055 18.6775 30.9424Z"/><path d="M40.1064 24.2676V27.6794C40.1064 27.7805 40.1823 27.8563 40.2834 27.8563H46.2475C46.4245 27.8563 46.4876 27.6162 46.336 27.5404L40.3718 24.1286C40.2454 24.0528 40.1064 24.1413 40.1064 24.2676Z"/><path d="M16.6927 19.1274L2.08539 27.5052C1.93376 27.5936 1.99694 27.8211 2.17384 27.8211H16.7811C16.8822 27.8211 16.9581 27.7452 16.9581 27.6442V19.2791C16.9454 19.1401 16.8064 19.0643 16.6927 19.1274Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path d="M38.4507 23.017L33.1941 20.0096C33.0804 19.9464 32.9414 20.0222 32.9414 20.1612V27.6418C32.9414 27.7808 33.0172 27.8945 33.1309 27.9703L38.3875 30.9777C38.5013 31.0409 38.6403 30.9651 38.6403 30.8261V23.3455C38.6403 23.2065 38.5644 23.0928 38.4507 23.017Z"/><path d="M31.1109 18.8749L25.8543 15.8675C25.7406 15.8043 25.6016 15.8801 25.6016 16.0191V27.6569C25.6016 27.758 25.6774 27.8338 25.7785 27.8338H31.1362C31.2372 27.8338 31.3131 27.758 31.3131 27.6569V19.2034C31.3004 19.0644 31.2246 18.9381 31.1109 18.8749Z"/><path d="M18.6775 30.9424L23.9341 27.935C24.0479 27.8718 24.1237 27.7454 24.1237 27.6064V15.1725C24.1237 15.0462 23.9847 14.9577 23.871 15.0209L18.6143 18.0283C18.5006 18.0915 18.4248 18.2178 18.4248 18.3568V30.7907C18.4248 30.9297 18.5638 31.0055 18.6775 30.9424Z"/><path d="M40.1064 24.2676V27.6794C40.1064 27.7805 40.1823 27.8563 40.2834 27.8563H46.2475C46.4245 27.8563 46.4876 27.6162 46.336 27.5404L40.3718 24.1286C40.2454 24.0528 40.1064 24.1413 40.1064 24.2676Z"/><path d="M16.6927 19.1274L2.08539 27.5052C1.93376 27.5936 1.99694 27.8211 2.17384 27.8211H16.7811C16.8822 27.8211 16.9581 27.7452 16.9581 27.6442V19.2791C16.9454 19.1401 16.8064 19.0643 16.6927 19.1274Z"/></svg> </template>
CSS
.icon-pangle {
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%3Cpath%20d%3D%22M38.4507%2023.017L33.1941%2020.0096C33.0804%2019.9464%2032.9414%2020.0222%2032.9414%2020.1612V27.6418C32.9414%2027.7808%2033.0172%2027.8945%2033.1309%2027.9703L38.3875%2030.9777C38.5013%2031.0409%2038.6403%2030.9651%2038.6403%2030.8261V23.3455C38.6403%2023.2065%2038.5644%2023.0928%2038.4507%2023.017Z%22%2F%3E%3Cpath%20d%3D%22M31.1109%2018.8749L25.8543%2015.8675C25.7406%2015.8043%2025.6016%2015.8801%2025.6016%2016.0191V27.6569C25.6016%2027.758%2025.6774%2027.8338%2025.7785%2027.8338H31.1362C31.2372%2027.8338%2031.3131%2027.758%2031.3131%2027.6569V19.2034C31.3004%2019.0644%2031.2246%2018.9381%2031.1109%2018.8749Z%22%2F%3E%3Cpath%20d%3D%22M18.6775%2030.9424L23.9341%2027.935C24.0479%2027.8718%2024.1237%2027.7454%2024.1237%2027.6064V15.1725C24.1237%2015.0462%2023.9847%2014.9577%2023.871%2015.0209L18.6143%2018.0283C18.5006%2018.0915%2018.4248%2018.2178%2018.4248%2018.3568V30.7907C18.4248%2030.9297%2018.5638%2031.0055%2018.6775%2030.9424Z%22%2F%3E%3Cpath%20d%3D%22M40.1064%2024.2676V27.6794C40.1064%2027.7805%2040.1823%2027.8563%2040.2834%2027.8563H46.2475C46.4245%2027.8563%2046.4876%2027.6162%2046.336%2027.5404L40.3718%2024.1286C40.2454%2024.0528%2040.1064%2024.1413%2040.1064%2024.2676Z%22%2F%3E%3Cpath%20d%3D%22M16.6927%2019.1274L2.08539%2027.5052C1.93376%2027.5936%201.99694%2027.8211%202.17384%2027.8211H16.7811C16.8822%2027.8211%2016.9581%2027.7452%2016.9581%2027.6442V19.2791C16.9454%2019.1401%2016.8064%2019.0643%2016.6927%2019.1274Z%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%2048%2048%22%3E%3Cpath%20d%3D%22M38.4507%2023.017L33.1941%2020.0096C33.0804%2019.9464%2032.9414%2020.0222%2032.9414%2020.1612V27.6418C32.9414%2027.7808%2033.0172%2027.8945%2033.1309%2027.9703L38.3875%2030.9777C38.5013%2031.0409%2038.6403%2030.9651%2038.6403%2030.8261V23.3455C38.6403%2023.2065%2038.5644%2023.0928%2038.4507%2023.017Z%22%2F%3E%3Cpath%20d%3D%22M31.1109%2018.8749L25.8543%2015.8675C25.7406%2015.8043%2025.6016%2015.8801%2025.6016%2016.0191V27.6569C25.6016%2027.758%2025.6774%2027.8338%2025.7785%2027.8338H31.1362C31.2372%2027.8338%2031.3131%2027.758%2031.3131%2027.6569V19.2034C31.3004%2019.0644%2031.2246%2018.9381%2031.1109%2018.8749Z%22%2F%3E%3Cpath%20d%3D%22M18.6775%2030.9424L23.9341%2027.935C24.0479%2027.8718%2024.1237%2027.7454%2024.1237%2027.6064V15.1725C24.1237%2015.0462%2023.9847%2014.9577%2023.871%2015.0209L18.6143%2018.0283C18.5006%2018.0915%2018.4248%2018.2178%2018.4248%2018.3568V30.7907C18.4248%2030.9297%2018.5638%2031.0055%2018.6775%2030.9424Z%22%2F%3E%3Cpath%20d%3D%22M40.1064%2024.2676V27.6794C40.1064%2027.7805%2040.1823%2027.8563%2040.2834%2027.8563H46.2475C46.4245%2027.8563%2046.4876%2027.6162%2046.336%2027.5404L40.3718%2024.1286C40.2454%2024.0528%2040.1064%2024.1413%2040.1064%2024.2676Z%22%2F%3E%3Cpath%20d%3D%22M16.6927%2019.1274L2.08539%2027.5052C1.93376%2027.5936%201.99694%2027.8211%202.17384%2027.8211H16.7811C16.8822%2027.8211%2016.9581%2027.7452%2016.9581%2027.6442V19.2791C16.9454%2019.1401%2016.8064%2019.0643%2016.6927%2019.1274Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/pangle.svg?color=%231a73e8&size=48
