crayon emoji
crayon from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- crayon
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the crayon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M35.702 7.477L28.522.298a1.015 1.015 0 0 0-1.436 0L3.395 23.989a1.016 1.016 0 0 0 0 1.437c.72.719-3.14 7.959-3.395 8.496L2.068 36c.536-.255 7.785-4.115 8.506-3.395a1.015 1.015 0 0 0 1.436 0L35.702 8.913a1.015 1.015 0 0 0 0-1.436"/><path fill="#ea596e" d="M4.139 23.24L26.407.972l8.62 8.62L12.759 31.86z"/><path fill="#292f33" d="m23.534 3.846l1.437-1.436l8.62 8.62l-1.437 1.436zM5.576 21.803l1.436-1.437l8.62 8.62l-1.437 1.437z"/><path fill="#be1931" d="M26.886 9.353c-1.521-1.521-5.982.476-9.967 4.459c-3.983 3.984-5.979 8.446-4.459 9.967s5.983-.476 9.967-4.459c3.983-3.984 5.979-8.447 4.459-9.967"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiCrayon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M35.702 7.477L28.522.298a1.015 1.015 0 0 0-1.436 0L3.395 23.989a1.016 1.016 0 0 0 0 1.437c.72.719-3.14 7.959-3.395 8.496L2.068 36c.536-.255 7.785-4.115 8.506-3.395a1.015 1.015 0 0 0 1.436 0L35.702 8.913a1.015 1.015 0 0 0 0-1.436"/><path fill="#ea596e" d="M4.139 23.24L26.407.972l8.62 8.62L12.759 31.86z"/><path fill="#292f33" d="m23.534 3.846l1.437-1.436l8.62 8.62l-1.437 1.436zM5.576 21.803l1.436-1.437l8.62 8.62l-1.437 1.437z"/><path fill="#be1931" d="M26.886 9.353c-1.521-1.521-5.982.476-9.967 4.459c-3.983 3.984-5.979 8.446-4.459 9.967s5.983-.476 9.967-4.459c3.983-3.984 5.979-8.447 4.459-9.967"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M35.702 7.477L28.522.298a1.015 1.015 0 0 0-1.436 0L3.395 23.989a1.016 1.016 0 0 0 0 1.437c.72.719-3.14 7.959-3.395 8.496L2.068 36c.536-.255 7.785-4.115 8.506-3.395a1.015 1.015 0 0 0 1.436 0L35.702 8.913a1.015 1.015 0 0 0 0-1.436"/><path fill="#ea596e" d="M4.139 23.24L26.407.972l8.62 8.62L12.759 31.86z"/><path fill="#292f33" d="m23.534 3.846l1.437-1.436l8.62 8.62l-1.437 1.436zM5.576 21.803l1.436-1.437l8.62 8.62l-1.437 1.437z"/><path fill="#be1931" d="M26.886 9.353c-1.521-1.521-5.982.476-9.967 4.459c-3.983 3.984-5.979 8.446-4.459 9.967s5.983-.476 9.967-4.459c3.983-3.984 5.979-8.447 4.459-9.967"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M35.702%207.477L28.522.298a1.015%201.015%200%200%200-1.436%200L3.395%2023.989a1.016%201.016%200%200%200%200%201.437c.72.719-3.14%207.959-3.395%208.496L2.068%2036c.536-.255%207.785-4.115%208.506-3.395a1.015%201.015%200%200%200%201.436%200L35.702%208.913a1.015%201.015%200%200%200%200-1.436%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M4.139%2023.24L26.407.972l8.62%208.62L12.759%2031.86z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22m23.534%203.846l1.437-1.436l8.62%208.62l-1.437%201.436zM5.576%2021.803l1.436-1.437l8.62%208.62l-1.437%201.437z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M26.886%209.353c-1.521-1.521-5.982.476-9.967%204.459c-3.983%203.984-5.979%208.446-4.459%209.967s5.983-.476%209.967-4.459c3.983-3.984%205.979-8.447%204.459-9.967%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M35.702%207.477L28.522.298a1.015%201.015%200%200%200-1.436%200L3.395%2023.989a1.016%201.016%200%200%200%200%201.437c.72.719-3.14%207.959-3.395%208.496L2.068%2036c.536-.255%207.785-4.115%208.506-3.395a1.015%201.015%200%200%200%201.436%200L35.702%208.913a1.015%201.015%200%200%200%200-1.436%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M4.139%2023.24L26.407.972l8.62%208.62L12.759%2031.86z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22m23.534%203.846l1.437-1.436l8.62%208.62l-1.437%201.436zM5.576%2021.803l1.436-1.437l8.62%208.62l-1.437%201.437z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M26.886%209.353c-1.521-1.521-5.982.476-9.967%204.459c-3.983%203.984-5.979%208.446-4.459%209.967s5.983-.476%209.967-4.459c3.983-3.984%205.979-8.447%204.459-9.967%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/crayon.svg?color=%231a73e8&size=48
