lotus logo
lotus from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- lotus
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×296
- License
- CC0
The same logo in other sets
Use the lotus logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><path d="M127.997 107.437s40.32-24.053 40.32-53.718c0-29.666-40.32-53.719-40.32-53.719S87.678 24.053 87.678 53.719c0 29.665 40.32 53.718 40.32 53.718zm0 188.021s40.32-24.053 40.32-53.719c0-29.67-40.32-53.718-40.32-53.718s-40.319 24.053-40.319 53.718c0 29.666 40.32 53.719 40.32 53.719zM93.046 127.583s-.67-46.945-26.364-61.778C40.99 50.972 0 73.86 0 73.86s.67 46.945 26.363 61.778c25.694 14.838 66.683-8.054 66.683-8.054zM256 221.593s-.67-46.945-26.363-61.778c-25.694-14.832-66.683 8.06-66.683 8.06s.67 46.945 26.364 61.778c25.693 14.833 66.682-8.06 66.682-8.06zM93.046 167.87s-40.99-22.892-66.683-8.059C.67 174.643 0 221.593 0 221.593s40.99 22.893 66.682 8.06c25.694-14.833 26.364-61.784 26.364-61.784zM256 73.86s-40.99-22.892-66.682-8.06c-25.694 14.833-26.364 61.779-26.364 61.779s40.99 22.892 66.683 8.06C255.33 120.803 256 73.858 256 73.858z" fill="#502B4D"/></svg>
React
import type { SVGProps } from "react";
export function LogosLotus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><path d="M127.997 107.437s40.32-24.053 40.32-53.718c0-29.666-40.32-53.719-40.32-53.719S87.678 24.053 87.678 53.719c0 29.665 40.32 53.718 40.32 53.718zm0 188.021s40.32-24.053 40.32-53.719c0-29.67-40.32-53.718-40.32-53.718s-40.319 24.053-40.319 53.718c0 29.666 40.32 53.719 40.32 53.719zM93.046 127.583s-.67-46.945-26.364-61.778C40.99 50.972 0 73.86 0 73.86s.67 46.945 26.363 61.778c25.694 14.838 66.683-8.054 66.683-8.054zM256 221.593s-.67-46.945-26.363-61.778c-25.694-14.832-66.683 8.06-66.683 8.06s.67 46.945 26.364 61.778c25.693 14.833 66.682-8.06 66.682-8.06zM93.046 167.87s-40.99-22.892-66.683-8.059C.67 174.643 0 221.593 0 221.593s40.99 22.893 66.682 8.06c25.694-14.833 26.364-61.784 26.364-61.784zM256 73.86s-40.99-22.892-66.682-8.06c-25.694 14.833-26.364 61.779-26.364 61.779s40.99 22.892 66.683 8.06C255.33 120.803 256 73.858 256 73.858z" fill="#502B4D"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><path d="M127.997 107.437s40.32-24.053 40.32-53.718c0-29.666-40.32-53.719-40.32-53.719S87.678 24.053 87.678 53.719c0 29.665 40.32 53.718 40.32 53.718zm0 188.021s40.32-24.053 40.32-53.719c0-29.67-40.32-53.718-40.32-53.718s-40.319 24.053-40.319 53.718c0 29.666 40.32 53.719 40.32 53.719zM93.046 127.583s-.67-46.945-26.364-61.778C40.99 50.972 0 73.86 0 73.86s.67 46.945 26.363 61.778c25.694 14.838 66.683-8.054 66.683-8.054zM256 221.593s-.67-46.945-26.363-61.778c-25.694-14.832-66.683 8.06-66.683 8.06s.67 46.945 26.364 61.778c25.693 14.833 66.682-8.06 66.682-8.06zM93.046 167.87s-40.99-22.892-66.683-8.059C.67 174.643 0 221.593 0 221.593s40.99 22.893 66.682 8.06c25.694-14.833 26.364-61.784 26.364-61.784zM256 73.86s-40.99-22.892-66.682-8.06c-25.694 14.833-26.364 61.779-26.364 61.779s40.99 22.892 66.683 8.06C255.33 120.803 256 73.858 256 73.858z" fill="#502B4D"/></svg> </template>
CSS
.icon-lotus {
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%20296%22%3E%3Cpath%20d%3D%22M127.997%20107.437s40.32-24.053%2040.32-53.718c0-29.666-40.32-53.719-40.32-53.719S87.678%2024.053%2087.678%2053.719c0%2029.665%2040.32%2053.718%2040.32%2053.718zm0%20188.021s40.32-24.053%2040.32-53.719c0-29.67-40.32-53.718-40.32-53.718s-40.319%2024.053-40.319%2053.718c0%2029.666%2040.32%2053.719%2040.32%2053.719zM93.046%20127.583s-.67-46.945-26.364-61.778C40.99%2050.972%200%2073.86%200%2073.86s.67%2046.945%2026.363%2061.778c25.694%2014.838%2066.683-8.054%2066.683-8.054zM256%20221.593s-.67-46.945-26.363-61.778c-25.694-14.832-66.683%208.06-66.683%208.06s.67%2046.945%2026.364%2061.778c25.693%2014.833%2066.682-8.06%2066.682-8.06zM93.046%20167.87s-40.99-22.892-66.683-8.059C.67%20174.643%200%20221.593%200%20221.593s40.99%2022.893%2066.682%208.06c25.694-14.833%2026.364-61.784%2026.364-61.784zM256%2073.86s-40.99-22.892-66.682-8.06c-25.694%2014.833-26.364%2061.779-26.364%2061.779s40.99%2022.892%2066.683%208.06C255.33%20120.803%20256%2073.858%20256%2073.858z%22%20fill%3D%22%23502B4D%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%20296%22%3E%3Cpath%20d%3D%22M127.997%20107.437s40.32-24.053%2040.32-53.718c0-29.666-40.32-53.719-40.32-53.719S87.678%2024.053%2087.678%2053.719c0%2029.665%2040.32%2053.718%2040.32%2053.718zm0%20188.021s40.32-24.053%2040.32-53.719c0-29.67-40.32-53.718-40.32-53.718s-40.319%2024.053-40.319%2053.718c0%2029.666%2040.32%2053.719%2040.32%2053.719zM93.046%20127.583s-.67-46.945-26.364-61.778C40.99%2050.972%200%2073.86%200%2073.86s.67%2046.945%2026.363%2061.778c25.694%2014.838%2066.683-8.054%2066.683-8.054zM256%20221.593s-.67-46.945-26.363-61.778c-25.694-14.832-66.683%208.06-66.683%208.06s.67%2046.945%2026.364%2061.778c25.693%2014.833%2066.682-8.06%2066.682-8.06zM93.046%20167.87s-40.99-22.892-66.683-8.059C.67%20174.643%200%20221.593%200%20221.593s40.99%2022.893%2066.682%208.06c25.694-14.833%2026.364-61.784%2026.364-61.784zM256%2073.86s-40.99-22.892-66.682-8.06c-25.694%2014.833-26.364%2061.779-26.364%2061.779s40.99%2022.892%2066.683%208.06C255.33%20120.803%20256%2073.858%20256%2073.858z%22%20fill%3D%22%23502B4D%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/lotus.svg?color=%231a73e8&size=48
