crayon emoji
crayon from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- crayon
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the crayon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#71ad3e" d="m18.3 51.7l-6.1-6.1c-.9-.9-2.2-.8-2.9.3L2.4 57.6c-.7 1.1-.5 2.7.4 3.6s2.5 1 3.6.4L18 54.7c1.1-.7 1.3-2 .3-3"/><path fill="#83bf4f" d="M21.6 55.2c-1.2 1.2-3.1 1.1-4.3-.1l-8.4-8.4c-1.2-1.2-1.2-3.1-.1-4.3L48.3 2.9c1.2-1.2 3.1-1.1 4.3.1l8.4 8.4c1.2 1.2 1.2 3.1.1 4.3z"/><path fill="#3e4347" d="M11.982 39.238L45.145 6.075l12.799 12.799L24.78 52.037z"/><path fill="#52c18e" d="m38.694 12.556l3.253-3.252l12.798 12.798l-3.252 3.253zM15.18 36.01l3.253-3.252l12.799 12.799l-3.253 3.252zM35 29c-4.3 4.3-10.7 4.9-14.2 1.4l15.6-15.6c3.5 3.6 2.9 9.9-1.4 14.2"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneCrayon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#71ad3e" d="m18.3 51.7l-6.1-6.1c-.9-.9-2.2-.8-2.9.3L2.4 57.6c-.7 1.1-.5 2.7.4 3.6s2.5 1 3.6.4L18 54.7c1.1-.7 1.3-2 .3-3"/><path fill="#83bf4f" d="M21.6 55.2c-1.2 1.2-3.1 1.1-4.3-.1l-8.4-8.4c-1.2-1.2-1.2-3.1-.1-4.3L48.3 2.9c1.2-1.2 3.1-1.1 4.3.1l8.4 8.4c1.2 1.2 1.2 3.1.1 4.3z"/><path fill="#3e4347" d="M11.982 39.238L45.145 6.075l12.799 12.799L24.78 52.037z"/><path fill="#52c18e" d="m38.694 12.556l3.253-3.252l12.798 12.798l-3.252 3.253zM15.18 36.01l3.253-3.252l12.799 12.799l-3.253 3.252zM35 29c-4.3 4.3-10.7 4.9-14.2 1.4l15.6-15.6c3.5 3.6 2.9 9.9-1.4 14.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#71ad3e" d="m18.3 51.7l-6.1-6.1c-.9-.9-2.2-.8-2.9.3L2.4 57.6c-.7 1.1-.5 2.7.4 3.6s2.5 1 3.6.4L18 54.7c1.1-.7 1.3-2 .3-3"/><path fill="#83bf4f" d="M21.6 55.2c-1.2 1.2-3.1 1.1-4.3-.1l-8.4-8.4c-1.2-1.2-1.2-3.1-.1-4.3L48.3 2.9c1.2-1.2 3.1-1.1 4.3.1l8.4 8.4c1.2 1.2 1.2 3.1.1 4.3z"/><path fill="#3e4347" d="M11.982 39.238L45.145 6.075l12.799 12.799L24.78 52.037z"/><path fill="#52c18e" d="m38.694 12.556l3.253-3.252l12.798 12.798l-3.252 3.253zM15.18 36.01l3.253-3.252l12.799 12.799l-3.253 3.252zM35 29c-4.3 4.3-10.7 4.9-14.2 1.4l15.6-15.6c3.5 3.6 2.9 9.9-1.4 14.2"/></svg> </template>
CSS
.icon-crayon {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%2371ad3e%22%20d%3D%22m18.3%2051.7l-6.1-6.1c-.9-.9-2.2-.8-2.9.3L2.4%2057.6c-.7%201.1-.5%202.7.4%203.6s2.5%201%203.6.4L18%2054.7c1.1-.7%201.3-2%20.3-3%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M21.6%2055.2c-1.2%201.2-3.1%201.1-4.3-.1l-8.4-8.4c-1.2-1.2-1.2-3.1-.1-4.3L48.3%202.9c1.2-1.2%203.1-1.1%204.3.1l8.4%208.4c1.2%201.2%201.2%203.1.1%204.3z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M11.982%2039.238L45.145%206.075l12.799%2012.799L24.78%2052.037z%22%2F%3E%3Cpath%20fill%3D%22%2352c18e%22%20d%3D%22m38.694%2012.556l3.253-3.252l12.798%2012.798l-3.252%203.253zM15.18%2036.01l3.253-3.252l12.799%2012.799l-3.253%203.252zM35%2029c-4.3%204.3-10.7%204.9-14.2%201.4l15.6-15.6c3.5%203.6%202.9%209.9-1.4%2014.2%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%2064%2064%22%3E%3Cpath%20fill%3D%22%2371ad3e%22%20d%3D%22m18.3%2051.7l-6.1-6.1c-.9-.9-2.2-.8-2.9.3L2.4%2057.6c-.7%201.1-.5%202.7.4%203.6s2.5%201%203.6.4L18%2054.7c1.1-.7%201.3-2%20.3-3%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M21.6%2055.2c-1.2%201.2-3.1%201.1-4.3-.1l-8.4-8.4c-1.2-1.2-1.2-3.1-.1-4.3L48.3%202.9c1.2-1.2%203.1-1.1%204.3.1l8.4%208.4c1.2%201.2%201.2%203.1.1%204.3z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M11.982%2039.238L45.145%206.075l12.799%2012.799L24.78%2052.037z%22%2F%3E%3Cpath%20fill%3D%22%2352c18e%22%20d%3D%22m38.694%2012.556l3.253-3.252l12.798%2012.798l-3.252%203.253zM15.18%2036.01l3.253-3.252l12.799%2012.799l-3.253%203.252zM35%2029c-4.3%204.3-10.7%204.9-14.2%201.4l15.6-15.6c3.5%203.6%202.9%209.9-1.4%2014.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/crayon.svg?color=%231a73e8&size=48
