crayon emoji
crayon from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- crayon
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More objects icons from Noto Emoji
Use the crayon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#c62828" d="M33.37 74.96L22.16 86.18L4.32 116.43c-.5.9-.59 2.66 2.13 5.38s4.18 2.34 5.09 1.84l30.25-17.84L53 94.59z"/><path fill="#f44336" d="M18.47 106.52c-.17.23-9.28 10.85-9.8 11.31c-.96.86-2.25.11-1.54-1.54c.53-1.23 3.2-5.91 5.17-9.18c1.15-1.91 3.77-6.59 6.35-5.29c2.2 1.12.82 3.38-.18 4.7"/><path fill="#ad1414" d="m21.21 87.9l-3.56 5.91s3.18-1.79 7.78 4.94c3.58 5.23 3.78 14.47 3.78 14.47l10.56-6.23c-.13-.43-18.56-19.09-18.56-19.09"/><path fill="#c62828" d="M19.7 82.94c-1.55 1.55-.9 5.82.65 7.38l17.27 17.94c1.55 1.55 5.84 1.55 7.4 0l76.21-76.21L95.91 6.73"/><path fill="#ef5350" d="M21.78 80.86s3.46 4.7 11.41 12.62c10.31 10.27 13.91 12.7 13.91 12.7l74.13-74.13L95.91 6.73"/><path fill="#c62828" d="M93.86 8.78s5.6 2.21 13.64 9.78c9.35 8.79 11.67 15.54 11.67 15.54l4.25-4.25c.78-.78 2.06-8.42-7.42-17.9S98.88 3.76 98.1 4.53"/><path fill="#f44336" d="M110.22 11.33c.32.56.58 1.19.57 1.84s-.35 1.32-.94 1.58c-.96.41-1.97-.35-2.83-.94c-1.81-1.24-4.79-2.97-6.71-4.03c-2.42-1.35-.63-4.79 2.02-4.18c2.97.68 6.4 3.1 7.89 5.73"/><path fill="#424242" d="m52.57 100.71l5.73-5.73C46.26 85.05 33.25 69.4 33.25 69.4l-5.76 5.76c3.94 5.66 13.51 15.76 25.08 25.55M89.75 12.9l-5.76 5.76c12.94 8.79 21.51 19.26 25.63 25l5.74-5.74c-4.58-6.24-13.07-16.24-25.61-25.02"/><path fill="none" d="M97 78.69v-.19"/></svg>
React
import type { SVGProps } from "react";
export function NotoCrayon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#c62828" d="M33.37 74.96L22.16 86.18L4.32 116.43c-.5.9-.59 2.66 2.13 5.38s4.18 2.34 5.09 1.84l30.25-17.84L53 94.59z"/><path fill="#f44336" d="M18.47 106.52c-.17.23-9.28 10.85-9.8 11.31c-.96.86-2.25.11-1.54-1.54c.53-1.23 3.2-5.91 5.17-9.18c1.15-1.91 3.77-6.59 6.35-5.29c2.2 1.12.82 3.38-.18 4.7"/><path fill="#ad1414" d="m21.21 87.9l-3.56 5.91s3.18-1.79 7.78 4.94c3.58 5.23 3.78 14.47 3.78 14.47l10.56-6.23c-.13-.43-18.56-19.09-18.56-19.09"/><path fill="#c62828" d="M19.7 82.94c-1.55 1.55-.9 5.82.65 7.38l17.27 17.94c1.55 1.55 5.84 1.55 7.4 0l76.21-76.21L95.91 6.73"/><path fill="#ef5350" d="M21.78 80.86s3.46 4.7 11.41 12.62c10.31 10.27 13.91 12.7 13.91 12.7l74.13-74.13L95.91 6.73"/><path fill="#c62828" d="M93.86 8.78s5.6 2.21 13.64 9.78c9.35 8.79 11.67 15.54 11.67 15.54l4.25-4.25c.78-.78 2.06-8.42-7.42-17.9S98.88 3.76 98.1 4.53"/><path fill="#f44336" d="M110.22 11.33c.32.56.58 1.19.57 1.84s-.35 1.32-.94 1.58c-.96.41-1.97-.35-2.83-.94c-1.81-1.24-4.79-2.97-6.71-4.03c-2.42-1.35-.63-4.79 2.02-4.18c2.97.68 6.4 3.1 7.89 5.73"/><path fill="#424242" d="m52.57 100.71l5.73-5.73C46.26 85.05 33.25 69.4 33.25 69.4l-5.76 5.76c3.94 5.66 13.51 15.76 25.08 25.55M89.75 12.9l-5.76 5.76c12.94 8.79 21.51 19.26 25.63 25l5.74-5.74c-4.58-6.24-13.07-16.24-25.61-25.02"/><path fill="none" d="M97 78.69v-.19"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#c62828" d="M33.37 74.96L22.16 86.18L4.32 116.43c-.5.9-.59 2.66 2.13 5.38s4.18 2.34 5.09 1.84l30.25-17.84L53 94.59z"/><path fill="#f44336" d="M18.47 106.52c-.17.23-9.28 10.85-9.8 11.31c-.96.86-2.25.11-1.54-1.54c.53-1.23 3.2-5.91 5.17-9.18c1.15-1.91 3.77-6.59 6.35-5.29c2.2 1.12.82 3.38-.18 4.7"/><path fill="#ad1414" d="m21.21 87.9l-3.56 5.91s3.18-1.79 7.78 4.94c3.58 5.23 3.78 14.47 3.78 14.47l10.56-6.23c-.13-.43-18.56-19.09-18.56-19.09"/><path fill="#c62828" d="M19.7 82.94c-1.55 1.55-.9 5.82.65 7.38l17.27 17.94c1.55 1.55 5.84 1.55 7.4 0l76.21-76.21L95.91 6.73"/><path fill="#ef5350" d="M21.78 80.86s3.46 4.7 11.41 12.62c10.31 10.27 13.91 12.7 13.91 12.7l74.13-74.13L95.91 6.73"/><path fill="#c62828" d="M93.86 8.78s5.6 2.21 13.64 9.78c9.35 8.79 11.67 15.54 11.67 15.54l4.25-4.25c.78-.78 2.06-8.42-7.42-17.9S98.88 3.76 98.1 4.53"/><path fill="#f44336" d="M110.22 11.33c.32.56.58 1.19.57 1.84s-.35 1.32-.94 1.58c-.96.41-1.97-.35-2.83-.94c-1.81-1.24-4.79-2.97-6.71-4.03c-2.42-1.35-.63-4.79 2.02-4.18c2.97.68 6.4 3.1 7.89 5.73"/><path fill="#424242" d="m52.57 100.71l5.73-5.73C46.26 85.05 33.25 69.4 33.25 69.4l-5.76 5.76c3.94 5.66 13.51 15.76 25.08 25.55M89.75 12.9l-5.76 5.76c12.94 8.79 21.51 19.26 25.63 25l5.74-5.74c-4.58-6.24-13.07-16.24-25.61-25.02"/><path fill="none" d="M97 78.69v-.19"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M33.37%2074.96L22.16%2086.18L4.32%20116.43c-.5.9-.59%202.66%202.13%205.38s4.18%202.34%205.09%201.84l30.25-17.84L53%2094.59z%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M18.47%20106.52c-.17.23-9.28%2010.85-9.8%2011.31c-.96.86-2.25.11-1.54-1.54c.53-1.23%203.2-5.91%205.17-9.18c1.15-1.91%203.77-6.59%206.35-5.29c2.2%201.12.82%203.38-.18%204.7%22%2F%3E%3Cpath%20fill%3D%22%23ad1414%22%20d%3D%22m21.21%2087.9l-3.56%205.91s3.18-1.79%207.78%204.94c3.58%205.23%203.78%2014.47%203.78%2014.47l10.56-6.23c-.13-.43-18.56-19.09-18.56-19.09%22%2F%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M19.7%2082.94c-1.55%201.55-.9%205.82.65%207.38l17.27%2017.94c1.55%201.55%205.84%201.55%207.4%200l76.21-76.21L95.91%206.73%22%2F%3E%3Cpath%20fill%3D%22%23ef5350%22%20d%3D%22M21.78%2080.86s3.46%204.7%2011.41%2012.62c10.31%2010.27%2013.91%2012.7%2013.91%2012.7l74.13-74.13L95.91%206.73%22%2F%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M93.86%208.78s5.6%202.21%2013.64%209.78c9.35%208.79%2011.67%2015.54%2011.67%2015.54l4.25-4.25c.78-.78%202.06-8.42-7.42-17.9S98.88%203.76%2098.1%204.53%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M110.22%2011.33c.32.56.58%201.19.57%201.84s-.35%201.32-.94%201.58c-.96.41-1.97-.35-2.83-.94c-1.81-1.24-4.79-2.97-6.71-4.03c-2.42-1.35-.63-4.79%202.02-4.18c2.97.68%206.4%203.1%207.89%205.73%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22m52.57%20100.71l5.73-5.73C46.26%2085.05%2033.25%2069.4%2033.25%2069.4l-5.76%205.76c3.94%205.66%2013.51%2015.76%2025.08%2025.55M89.75%2012.9l-5.76%205.76c12.94%208.79%2021.51%2019.26%2025.63%2025l5.74-5.74c-4.58-6.24-13.07-16.24-25.61-25.02%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M97%2078.69v-.19%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M33.37%2074.96L22.16%2086.18L4.32%20116.43c-.5.9-.59%202.66%202.13%205.38s4.18%202.34%205.09%201.84l30.25-17.84L53%2094.59z%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M18.47%20106.52c-.17.23-9.28%2010.85-9.8%2011.31c-.96.86-2.25.11-1.54-1.54c.53-1.23%203.2-5.91%205.17-9.18c1.15-1.91%203.77-6.59%206.35-5.29c2.2%201.12.82%203.38-.18%204.7%22%2F%3E%3Cpath%20fill%3D%22%23ad1414%22%20d%3D%22m21.21%2087.9l-3.56%205.91s3.18-1.79%207.78%204.94c3.58%205.23%203.78%2014.47%203.78%2014.47l10.56-6.23c-.13-.43-18.56-19.09-18.56-19.09%22%2F%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M19.7%2082.94c-1.55%201.55-.9%205.82.65%207.38l17.27%2017.94c1.55%201.55%205.84%201.55%207.4%200l76.21-76.21L95.91%206.73%22%2F%3E%3Cpath%20fill%3D%22%23ef5350%22%20d%3D%22M21.78%2080.86s3.46%204.7%2011.41%2012.62c10.31%2010.27%2013.91%2012.7%2013.91%2012.7l74.13-74.13L95.91%206.73%22%2F%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M93.86%208.78s5.6%202.21%2013.64%209.78c9.35%208.79%2011.67%2015.54%2011.67%2015.54l4.25-4.25c.78-.78%202.06-8.42-7.42-17.9S98.88%203.76%2098.1%204.53%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M110.22%2011.33c.32.56.58%201.19.57%201.84s-.35%201.32-.94%201.58c-.96.41-1.97-.35-2.83-.94c-1.81-1.24-4.79-2.97-6.71-4.03c-2.42-1.35-.63-4.79%202.02-4.18c2.97.68%206.4%203.1%207.89%205.73%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22m52.57%20100.71l5.73-5.73C46.26%2085.05%2033.25%2069.4%2033.25%2069.4l-5.76%205.76c3.94%205.66%2013.51%2015.76%2025.08%2025.55M89.75%2012.9l-5.76%205.76c12.94%208.79%2021.51%2019.26%2025.63%2025l5.74-5.74c-4.58-6.24-13.07-16.24-25.61-25.02%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M97%2078.69v-.19%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/crayon.svg?color=%231a73e8&size=48
