p5js logo
p5js from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- p5js
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the p5js logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#ed225d" rx="60"/><path fill="#fff" d="M176.532 145.884q-2.617-5.87-7.286-9.904t-10.965-6.155q-6.299-2.121-13.654-2.122c-1.793 0-3.797.097-6.014.282c-2.217.192-4.126.52-5.73.993l.99-21.651h40.892v-15.28h-57.022l-1.699 54.756q2.262-1.129 5.164-2.123a79 79 0 0 1 5.943-1.766a54 54 0 0 1 6.226-1.204a46 46 0 0 1 6.014-.423q4.102 0 8.065.918q3.961.922 7.145 3.255c2.123 1.555 3.842 3.609 5.165 6.154q1.98 3.82 1.98 9.623q0 4.528-1.486 8.136c-.989 2.402-2.335 4.41-4.03 6.011q-2.548 2.408-5.945 3.679q-3.395 1.277-7.217 1.275q-6.791 0-11.743-3.609q-4.953-3.606-7.076-9.551l-.188.07l-12.288 11.514c2.485 4.053 5.689 7.444 9.647 10.137c5.753 3.912 12.827 5.872 21.225 5.872q7.498-.001 14.149-2.405q6.648-2.403 11.602-6.935q4.951-4.525 7.854-11.106q2.898-6.579 2.899-14.929c.001-5.094-.871-9.595-2.617-13.512M48.735 124.307v9.479h.425q1.272-1.98 3.325-4.032q2.05-2.05 5.024-3.68q2.97-1.623 6.72-2.688c2.498-.706 5.307-1.062 8.419-1.062q7.217.001 13.3 2.759q6.085 2.764 10.473 7.572q4.383 4.813 6.791 11.32q2.405 6.51 2.406 14.008q0 7.5-2.336 14.079c-1.555 4.386-3.775 8.206-6.65 11.461c-2.879 3.254-6.367 5.852-10.471 7.781q-6.157 2.9-13.937 2.901q-7.218 0-13.23-2.971q-6.017-2.97-9.268-8.067h-.282v43.016h-16.98V124.307zm39.62 33.675q0-3.961-1.203-7.854q-1.205-3.89-3.61-7.004q-2.404-3.11-6.084-5.023q-3.68-1.91-8.63-1.909q-4.67 0-8.348 1.981q-3.68 1.984-6.297 5.093q-2.62 3.115-3.962 7.077q-1.346 3.963-1.344 7.924q-.002 3.963 1.344 7.851a21.9 21.9 0 0 0 3.962 7.007a20.4 20.4 0 0 0 6.297 5.021q3.677 1.91 8.348 1.909q4.95.001 8.63-1.979q3.678-1.982 6.085-5.095q2.404-3.111 3.609-7.075q1.202-3.962 1.203-7.924m123.713-56.027l10.787-3.256l2.118 6.517l-10.742 3.665l6.668 9.455l-5.621 4.077l-7.019-9.289l-6.837 9.045l-5.458-4.158l6.668-9.13l-10.825-3.908l2.121-6.522l10.868 3.503V90.711h7.274z"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsP5js(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#ed225d" rx="60"/><path fill="#fff" d="M176.532 145.884q-2.617-5.87-7.286-9.904t-10.965-6.155q-6.299-2.121-13.654-2.122c-1.793 0-3.797.097-6.014.282c-2.217.192-4.126.52-5.73.993l.99-21.651h40.892v-15.28h-57.022l-1.699 54.756q2.262-1.129 5.164-2.123a79 79 0 0 1 5.943-1.766a54 54 0 0 1 6.226-1.204a46 46 0 0 1 6.014-.423q4.102 0 8.065.918q3.961.922 7.145 3.255c2.123 1.555 3.842 3.609 5.165 6.154q1.98 3.82 1.98 9.623q0 4.528-1.486 8.136c-.989 2.402-2.335 4.41-4.03 6.011q-2.548 2.408-5.945 3.679q-3.395 1.277-7.217 1.275q-6.791 0-11.743-3.609q-4.953-3.606-7.076-9.551l-.188.07l-12.288 11.514c2.485 4.053 5.689 7.444 9.647 10.137c5.753 3.912 12.827 5.872 21.225 5.872q7.498-.001 14.149-2.405q6.648-2.403 11.602-6.935q4.951-4.525 7.854-11.106q2.898-6.579 2.899-14.929c.001-5.094-.871-9.595-2.617-13.512M48.735 124.307v9.479h.425q1.272-1.98 3.325-4.032q2.05-2.05 5.024-3.68q2.97-1.623 6.72-2.688c2.498-.706 5.307-1.062 8.419-1.062q7.217.001 13.3 2.759q6.085 2.764 10.473 7.572q4.383 4.813 6.791 11.32q2.405 6.51 2.406 14.008q0 7.5-2.336 14.079c-1.555 4.386-3.775 8.206-6.65 11.461c-2.879 3.254-6.367 5.852-10.471 7.781q-6.157 2.9-13.937 2.901q-7.218 0-13.23-2.971q-6.017-2.97-9.268-8.067h-.282v43.016h-16.98V124.307zm39.62 33.675q0-3.961-1.203-7.854q-1.205-3.89-3.61-7.004q-2.404-3.11-6.084-5.023q-3.68-1.91-8.63-1.909q-4.67 0-8.348 1.981q-3.68 1.984-6.297 5.093q-2.62 3.115-3.962 7.077q-1.346 3.963-1.344 7.924q-.002 3.963 1.344 7.851a21.9 21.9 0 0 0 3.962 7.007a20.4 20.4 0 0 0 6.297 5.021q3.677 1.91 8.348 1.909q4.95.001 8.63-1.979q3.678-1.982 6.085-5.095q2.404-3.111 3.609-7.075q1.202-3.962 1.203-7.924m123.713-56.027l10.787-3.256l2.118 6.517l-10.742 3.665l6.668 9.455l-5.621 4.077l-7.019-9.289l-6.837 9.045l-5.458-4.158l6.668-9.13l-10.825-3.908l2.121-6.522l10.868 3.503V90.711h7.274z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#ed225d" rx="60"/><path fill="#fff" d="M176.532 145.884q-2.617-5.87-7.286-9.904t-10.965-6.155q-6.299-2.121-13.654-2.122c-1.793 0-3.797.097-6.014.282c-2.217.192-4.126.52-5.73.993l.99-21.651h40.892v-15.28h-57.022l-1.699 54.756q2.262-1.129 5.164-2.123a79 79 0 0 1 5.943-1.766a54 54 0 0 1 6.226-1.204a46 46 0 0 1 6.014-.423q4.102 0 8.065.918q3.961.922 7.145 3.255c2.123 1.555 3.842 3.609 5.165 6.154q1.98 3.82 1.98 9.623q0 4.528-1.486 8.136c-.989 2.402-2.335 4.41-4.03 6.011q-2.548 2.408-5.945 3.679q-3.395 1.277-7.217 1.275q-6.791 0-11.743-3.609q-4.953-3.606-7.076-9.551l-.188.07l-12.288 11.514c2.485 4.053 5.689 7.444 9.647 10.137c5.753 3.912 12.827 5.872 21.225 5.872q7.498-.001 14.149-2.405q6.648-2.403 11.602-6.935q4.951-4.525 7.854-11.106q2.898-6.579 2.899-14.929c.001-5.094-.871-9.595-2.617-13.512M48.735 124.307v9.479h.425q1.272-1.98 3.325-4.032q2.05-2.05 5.024-3.68q2.97-1.623 6.72-2.688c2.498-.706 5.307-1.062 8.419-1.062q7.217.001 13.3 2.759q6.085 2.764 10.473 7.572q4.383 4.813 6.791 11.32q2.405 6.51 2.406 14.008q0 7.5-2.336 14.079c-1.555 4.386-3.775 8.206-6.65 11.461c-2.879 3.254-6.367 5.852-10.471 7.781q-6.157 2.9-13.937 2.901q-7.218 0-13.23-2.971q-6.017-2.97-9.268-8.067h-.282v43.016h-16.98V124.307zm39.62 33.675q0-3.961-1.203-7.854q-1.205-3.89-3.61-7.004q-2.404-3.11-6.084-5.023q-3.68-1.91-8.63-1.909q-4.67 0-8.348 1.981q-3.68 1.984-6.297 5.093q-2.62 3.115-3.962 7.077q-1.346 3.963-1.344 7.924q-.002 3.963 1.344 7.851a21.9 21.9 0 0 0 3.962 7.007a20.4 20.4 0 0 0 6.297 5.021q3.677 1.91 8.348 1.909q4.95.001 8.63-1.979q3.678-1.982 6.085-5.095q2.404-3.111 3.609-7.075q1.202-3.962 1.203-7.924m123.713-56.027l10.787-3.256l2.118 6.517l-10.742 3.665l6.668 9.455l-5.621 4.077l-7.019-9.289l-6.837 9.045l-5.458-4.158l6.668-9.13l-10.825-3.908l2.121-6.522l10.868 3.503V90.711h7.274z"/></g></svg> </template>
CSS
.icon-p5js {
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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23ed225d%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M176.532%20145.884q-2.617-5.87-7.286-9.904t-10.965-6.155q-6.299-2.121-13.654-2.122c-1.793%200-3.797.097-6.014.282c-2.217.192-4.126.52-5.73.993l.99-21.651h40.892v-15.28h-57.022l-1.699%2054.756q2.262-1.129%205.164-2.123a79%2079%200%200%201%205.943-1.766a54%2054%200%200%201%206.226-1.204a46%2046%200%200%201%206.014-.423q4.102%200%208.065.918q3.961.922%207.145%203.255c2.123%201.555%203.842%203.609%205.165%206.154q1.98%203.82%201.98%209.623q0%204.528-1.486%208.136c-.989%202.402-2.335%204.41-4.03%206.011q-2.548%202.408-5.945%203.679q-3.395%201.277-7.217%201.275q-6.791%200-11.743-3.609q-4.953-3.606-7.076-9.551l-.188.07l-12.288%2011.514c2.485%204.053%205.689%207.444%209.647%2010.137c5.753%203.912%2012.827%205.872%2021.225%205.872q7.498-.001%2014.149-2.405q6.648-2.403%2011.602-6.935q4.951-4.525%207.854-11.106q2.898-6.579%202.899-14.929c.001-5.094-.871-9.595-2.617-13.512M48.735%20124.307v9.479h.425q1.272-1.98%203.325-4.032q2.05-2.05%205.024-3.68q2.97-1.623%206.72-2.688c2.498-.706%205.307-1.062%208.419-1.062q7.217.001%2013.3%202.759q6.085%202.764%2010.473%207.572q4.383%204.813%206.791%2011.32q2.405%206.51%202.406%2014.008q0%207.5-2.336%2014.079c-1.555%204.386-3.775%208.206-6.65%2011.461c-2.879%203.254-6.367%205.852-10.471%207.781q-6.157%202.9-13.937%202.901q-7.218%200-13.23-2.971q-6.017-2.97-9.268-8.067h-.282v43.016h-16.98V124.307zm39.62%2033.675q0-3.961-1.203-7.854q-1.205-3.89-3.61-7.004q-2.404-3.11-6.084-5.023q-3.68-1.91-8.63-1.909q-4.67%200-8.348%201.981q-3.68%201.984-6.297%205.093q-2.62%203.115-3.962%207.077q-1.346%203.963-1.344%207.924q-.002%203.963%201.344%207.851a21.9%2021.9%200%200%200%203.962%207.007a20.4%2020.4%200%200%200%206.297%205.021q3.677%201.91%208.348%201.909q4.95.001%208.63-1.979q3.678-1.982%206.085-5.095q2.404-3.111%203.609-7.075q1.202-3.962%201.203-7.924m123.713-56.027l10.787-3.256l2.118%206.517l-10.742%203.665l6.668%209.455l-5.621%204.077l-7.019-9.289l-6.837%209.045l-5.458-4.158l6.668-9.13l-10.825-3.908l2.121-6.522l10.868%203.503V90.711h7.274z%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23ed225d%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M176.532%20145.884q-2.617-5.87-7.286-9.904t-10.965-6.155q-6.299-2.121-13.654-2.122c-1.793%200-3.797.097-6.014.282c-2.217.192-4.126.52-5.73.993l.99-21.651h40.892v-15.28h-57.022l-1.699%2054.756q2.262-1.129%205.164-2.123a79%2079%200%200%201%205.943-1.766a54%2054%200%200%201%206.226-1.204a46%2046%200%200%201%206.014-.423q4.102%200%208.065.918q3.961.922%207.145%203.255c2.123%201.555%203.842%203.609%205.165%206.154q1.98%203.82%201.98%209.623q0%204.528-1.486%208.136c-.989%202.402-2.335%204.41-4.03%206.011q-2.548%202.408-5.945%203.679q-3.395%201.277-7.217%201.275q-6.791%200-11.743-3.609q-4.953-3.606-7.076-9.551l-.188.07l-12.288%2011.514c2.485%204.053%205.689%207.444%209.647%2010.137c5.753%203.912%2012.827%205.872%2021.225%205.872q7.498-.001%2014.149-2.405q6.648-2.403%2011.602-6.935q4.951-4.525%207.854-11.106q2.898-6.579%202.899-14.929c.001-5.094-.871-9.595-2.617-13.512M48.735%20124.307v9.479h.425q1.272-1.98%203.325-4.032q2.05-2.05%205.024-3.68q2.97-1.623%206.72-2.688c2.498-.706%205.307-1.062%208.419-1.062q7.217.001%2013.3%202.759q6.085%202.764%2010.473%207.572q4.383%204.813%206.791%2011.32q2.405%206.51%202.406%2014.008q0%207.5-2.336%2014.079c-1.555%204.386-3.775%208.206-6.65%2011.461c-2.879%203.254-6.367%205.852-10.471%207.781q-6.157%202.9-13.937%202.901q-7.218%200-13.23-2.971q-6.017-2.97-9.268-8.067h-.282v43.016h-16.98V124.307zm39.62%2033.675q0-3.961-1.203-7.854q-1.205-3.89-3.61-7.004q-2.404-3.11-6.084-5.023q-3.68-1.91-8.63-1.909q-4.67%200-8.348%201.981q-3.68%201.984-6.297%205.093q-2.62%203.115-3.962%207.077q-1.346%203.963-1.344%207.924q-.002%203.963%201.344%207.851a21.9%2021.9%200%200%200%203.962%207.007a20.4%2020.4%200%200%200%206.297%205.021q3.677%201.91%208.348%201.909q4.95.001%208.63-1.979q3.678-1.982%206.085-5.095q2.404-3.111%203.609-7.075q1.202-3.962%201.203-7.924m123.713-56.027l10.787-3.256l2.118%206.517l-10.742%203.665l6.668%209.455l-5.621%204.077l-7.019-9.289l-6.837%209.045l-5.458-4.158l6.668-9.13l-10.825-3.908l2.121-6.522l10.868%203.503V90.711h7.274z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/p5js.svg?color=%231a73e8&size=48
