pepper icon
pepper-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- pepper-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the pepper icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M163.79 44.14A36.06 36.06 0 0 0 128 12a4 4 0 0 0 0 8a28 28 0 0 1 27.73 24.17A60.07 60.07 0 0 0 100 104c0 48.75-26.71 81.34-79.4 96.87a12 12 0 0 0 1.33 23.36A260.4 260.4 0 0 0 66.69 228a256.5 256.5 0 0 0 34.83-2.3c33.23-4.59 60.2-15.41 80.19-32.18C207.12 172.21 220 142.09 220 104a60.07 60.07 0 0 0-56.21-59.86M160 52a52.08 52.08 0 0 1 50.19 38.44L192 99.54l-30.21-15.11a4 4 0 0 0-3.58 0L128 99.54l-18.19-9.1A52.08 52.08 0 0 1 160 52m16.57 135.39c-25.47 21.37-80.88 41.77-153.24 29a4 4 0 0 1-.47-7.81C78.56 192.14 108 156 108 104a53 53 0 0 1 .28-5.39l17.93 9a4 4 0 0 0 3.58 0L160 92.48l30.21 15.11a4 4 0 0 0 3.58 0l17.93-9A53 53 0 0 1 212 104c0 35.62-11.92 63.67-35.43 83.39"/></svg>
React
import type { SVGProps } from "react";
export function PhPepperThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M163.79 44.14A36.06 36.06 0 0 0 128 12a4 4 0 0 0 0 8a28 28 0 0 1 27.73 24.17A60.07 60.07 0 0 0 100 104c0 48.75-26.71 81.34-79.4 96.87a12 12 0 0 0 1.33 23.36A260.4 260.4 0 0 0 66.69 228a256.5 256.5 0 0 0 34.83-2.3c33.23-4.59 60.2-15.41 80.19-32.18C207.12 172.21 220 142.09 220 104a60.07 60.07 0 0 0-56.21-59.86M160 52a52.08 52.08 0 0 1 50.19 38.44L192 99.54l-30.21-15.11a4 4 0 0 0-3.58 0L128 99.54l-18.19-9.1A52.08 52.08 0 0 1 160 52m16.57 135.39c-25.47 21.37-80.88 41.77-153.24 29a4 4 0 0 1-.47-7.81C78.56 192.14 108 156 108 104a53 53 0 0 1 .28-5.39l17.93 9a4 4 0 0 0 3.58 0L160 92.48l30.21 15.11a4 4 0 0 0 3.58 0l17.93-9A53 53 0 0 1 212 104c0 35.62-11.92 63.67-35.43 83.39"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M163.79 44.14A36.06 36.06 0 0 0 128 12a4 4 0 0 0 0 8a28 28 0 0 1 27.73 24.17A60.07 60.07 0 0 0 100 104c0 48.75-26.71 81.34-79.4 96.87a12 12 0 0 0 1.33 23.36A260.4 260.4 0 0 0 66.69 228a256.5 256.5 0 0 0 34.83-2.3c33.23-4.59 60.2-15.41 80.19-32.18C207.12 172.21 220 142.09 220 104a60.07 60.07 0 0 0-56.21-59.86M160 52a52.08 52.08 0 0 1 50.19 38.44L192 99.54l-30.21-15.11a4 4 0 0 0-3.58 0L128 99.54l-18.19-9.1A52.08 52.08 0 0 1 160 52m16.57 135.39c-25.47 21.37-80.88 41.77-153.24 29a4 4 0 0 1-.47-7.81C78.56 192.14 108 156 108 104a53 53 0 0 1 .28-5.39l17.93 9a4 4 0 0 0 3.58 0L160 92.48l30.21 15.11a4 4 0 0 0 3.58 0l17.93-9A53 53 0 0 1 212 104c0 35.62-11.92 63.67-35.43 83.39"/></svg> </template>
CSS
.icon-pepper-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M163.79%2044.14A36.06%2036.06%200%200%200%20128%2012a4%204%200%200%200%200%208a28%2028%200%200%201%2027.73%2024.17A60.07%2060.07%200%200%200%20100%20104c0%2048.75-26.71%2081.34-79.4%2096.87a12%2012%200%200%200%201.33%2023.36A260.4%20260.4%200%200%200%2066.69%20228a256.5%20256.5%200%200%200%2034.83-2.3c33.23-4.59%2060.2-15.41%2080.19-32.18C207.12%20172.21%20220%20142.09%20220%20104a60.07%2060.07%200%200%200-56.21-59.86M160%2052a52.08%2052.08%200%200%201%2050.19%2038.44L192%2099.54l-30.21-15.11a4%204%200%200%200-3.58%200L128%2099.54l-18.19-9.1A52.08%2052.08%200%200%201%20160%2052m16.57%20135.39c-25.47%2021.37-80.88%2041.77-153.24%2029a4%204%200%200%201-.47-7.81C78.56%20192.14%20108%20156%20108%20104a53%2053%200%200%201%20.28-5.39l17.93%209a4%204%200%200%200%203.58%200L160%2092.48l30.21%2015.11a4%204%200%200%200%203.58%200l17.93-9A53%2053%200%200%201%20212%20104c0%2035.62-11.92%2063.67-35.43%2083.39%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M163.79%2044.14A36.06%2036.06%200%200%200%20128%2012a4%204%200%200%200%200%208a28%2028%200%200%201%2027.73%2024.17A60.07%2060.07%200%200%200%20100%20104c0%2048.75-26.71%2081.34-79.4%2096.87a12%2012%200%200%200%201.33%2023.36A260.4%20260.4%200%200%200%2066.69%20228a256.5%20256.5%200%200%200%2034.83-2.3c33.23-4.59%2060.2-15.41%2080.19-32.18C207.12%20172.21%20220%20142.09%20220%20104a60.07%2060.07%200%200%200-56.21-59.86M160%2052a52.08%2052.08%200%200%201%2050.19%2038.44L192%2099.54l-30.21-15.11a4%204%200%200%200-3.58%200L128%2099.54l-18.19-9.1A52.08%2052.08%200%200%201%20160%2052m16.57%20135.39c-25.47%2021.37-80.88%2041.77-153.24%2029a4%204%200%200%201-.47-7.81C78.56%20192.14%20108%20156%20108%20104a53%2053%200%200%201%20.28-5.39l17.93%209a4%204%200%200%200%203.58%200L160%2092.48l30.21%2015.11a4%204%200%200%200%203.58%200l17.93-9A53%2053%200%200%201%20212%20104c0%2035.62-11.92%2063.67-35.43%2083.39%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/pepper-thin.svg?color=%231a73e8&size=48
