straight ruler emoji
straight-ruler from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- straight-ruler
- 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 straight ruler emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f8db7d" d="M8.3.9c1.2-1.2 3.2-1.2 4.4 0L63 51.2c1.2 1.2 1.2 3.2 0 4.4L55.6 63c-1.2 1.2-3.2 1.2-4.4 0L.9 12.8C-.3 11.6-.3 9.6.9 8.4z"/><path fill="#ebc463" d="M38.3 40.7C22.2 24.6 9.8 10.9 10.6 10c.2-.2 1.5.6 3.6 2.3C11 9 8.2 6 5.9 3.4L3.1 6.2c4.5 4 10 9.3 15.9 15.2C32.6 35 42.9 46.7 42 47.6s-12.6-9.4-26.2-23.1C9.9 18.7 4.6 13.2.6 8.7c-.9 1.2-.8 3 .3 4.1l26 26c1.5-1.1 10.2 5.6 19.7 15.1c3.3 3.3 6.3 6.6 8.8 9.5l.3-.3l2.9-2.9c-5.5-5-12.6-11.8-20.3-19.5M8.3.9l-.2.2c4.2 3.8 9.6 8.9 15.3 14.6C36 28.3 45.6 39.2 44.8 40c-.2.2-1.1-.3-2.5-1.3C49.6 46 56 52.8 60.8 58l2.3-2.3l.2-.2c-1.7-1.6-3.5-3.4-5.4-5.3c-7.7-7.7-13.7-14.3-13.3-14.7s7 5.5 14.7 13.3c1.7 1.7 3.2 3.3 4.7 4.8c0-.8-.3-1.6-.9-2.2L12.8.9C11.5-.3 9.6-.3 8.3.9"/><g fill="#89664c"><path d="m4.721 9.506l8.268-8.278l1.628 1.625l-8.269 8.278zm7.318-.953l4.172-4.172l1.626 1.627l-4.172 4.172zm3.337 3.211l4.172-4.172l1.626 1.626l-4.172 4.172zm3.194 3.209l4.173-4.17l1.626 1.626l-4.173 4.17zm-.93 7.372l8.277-8.27l1.626 1.627l-8.277 8.27zm7.322-.946l4.17-4.175l1.627 1.625l-4.17 4.175zm3.194 3.206l4.174-4.17l1.625 1.627l-4.173 4.17zm3.196 3.212l4.173-4.171l1.626 1.627l-4.173 4.17zm-.926 7.378l8.268-8.278l1.627 1.625l-8.268 8.278zm7.317-.955l4.173-4.172l1.626 1.627l-4.173 4.17zm3.197 3.214l4.17-4.173l1.627 1.626l-4.17 4.173zm3.334 3.207l4.174-4.17l1.625 1.626l-4.173 4.17zm-1.001 7.299l8.278-8.269l1.625 1.628l-8.277 8.268zm7.393-.875l4.166-4.177l1.629 1.624l-4.167 4.177zm3.194 3.207l4.174-4.17l1.625 1.627l-4.174 4.17zm3.197 3.214l4.172-4.171l1.626 1.626l-4.172 4.172z"/><circle cx="10.4" cy="13.2" r="2.6"/></g><circle cx="10.8" cy="13.6" r="2.4" fill="#fff"/><circle cx="22" cy="24.8" r="2.6" fill="#89664c"/><circle cx="22.4" cy="25.2" r="2.4" fill="#fff"/><circle cx="49.3" cy="52.1" r="2.6" fill="#89664c"/><circle cx="49.7" cy="52.5" r="2.4" fill="#fff"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneStraightRuler(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f8db7d" d="M8.3.9c1.2-1.2 3.2-1.2 4.4 0L63 51.2c1.2 1.2 1.2 3.2 0 4.4L55.6 63c-1.2 1.2-3.2 1.2-4.4 0L.9 12.8C-.3 11.6-.3 9.6.9 8.4z"/><path fill="#ebc463" d="M38.3 40.7C22.2 24.6 9.8 10.9 10.6 10c.2-.2 1.5.6 3.6 2.3C11 9 8.2 6 5.9 3.4L3.1 6.2c4.5 4 10 9.3 15.9 15.2C32.6 35 42.9 46.7 42 47.6s-12.6-9.4-26.2-23.1C9.9 18.7 4.6 13.2.6 8.7c-.9 1.2-.8 3 .3 4.1l26 26c1.5-1.1 10.2 5.6 19.7 15.1c3.3 3.3 6.3 6.6 8.8 9.5l.3-.3l2.9-2.9c-5.5-5-12.6-11.8-20.3-19.5M8.3.9l-.2.2c4.2 3.8 9.6 8.9 15.3 14.6C36 28.3 45.6 39.2 44.8 40c-.2.2-1.1-.3-2.5-1.3C49.6 46 56 52.8 60.8 58l2.3-2.3l.2-.2c-1.7-1.6-3.5-3.4-5.4-5.3c-7.7-7.7-13.7-14.3-13.3-14.7s7 5.5 14.7 13.3c1.7 1.7 3.2 3.3 4.7 4.8c0-.8-.3-1.6-.9-2.2L12.8.9C11.5-.3 9.6-.3 8.3.9"/><g fill="#89664c"><path d="m4.721 9.506l8.268-8.278l1.628 1.625l-8.269 8.278zm7.318-.953l4.172-4.172l1.626 1.627l-4.172 4.172zm3.337 3.211l4.172-4.172l1.626 1.626l-4.172 4.172zm3.194 3.209l4.173-4.17l1.626 1.626l-4.173 4.17zm-.93 7.372l8.277-8.27l1.626 1.627l-8.277 8.27zm7.322-.946l4.17-4.175l1.627 1.625l-4.17 4.175zm3.194 3.206l4.174-4.17l1.625 1.627l-4.173 4.17zm3.196 3.212l4.173-4.171l1.626 1.627l-4.173 4.17zm-.926 7.378l8.268-8.278l1.627 1.625l-8.268 8.278zm7.317-.955l4.173-4.172l1.626 1.627l-4.173 4.17zm3.197 3.214l4.17-4.173l1.627 1.626l-4.17 4.173zm3.334 3.207l4.174-4.17l1.625 1.626l-4.173 4.17zm-1.001 7.299l8.278-8.269l1.625 1.628l-8.277 8.268zm7.393-.875l4.166-4.177l1.629 1.624l-4.167 4.177zm3.194 3.207l4.174-4.17l1.625 1.627l-4.174 4.17zm3.197 3.214l4.172-4.171l1.626 1.626l-4.172 4.172z"/><circle cx="10.4" cy="13.2" r="2.6"/></g><circle cx="10.8" cy="13.6" r="2.4" fill="#fff"/><circle cx="22" cy="24.8" r="2.6" fill="#89664c"/><circle cx="22.4" cy="25.2" r="2.4" fill="#fff"/><circle cx="49.3" cy="52.1" r="2.6" fill="#89664c"/><circle cx="49.7" cy="52.5" r="2.4" fill="#fff"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f8db7d" d="M8.3.9c1.2-1.2 3.2-1.2 4.4 0L63 51.2c1.2 1.2 1.2 3.2 0 4.4L55.6 63c-1.2 1.2-3.2 1.2-4.4 0L.9 12.8C-.3 11.6-.3 9.6.9 8.4z"/><path fill="#ebc463" d="M38.3 40.7C22.2 24.6 9.8 10.9 10.6 10c.2-.2 1.5.6 3.6 2.3C11 9 8.2 6 5.9 3.4L3.1 6.2c4.5 4 10 9.3 15.9 15.2C32.6 35 42.9 46.7 42 47.6s-12.6-9.4-26.2-23.1C9.9 18.7 4.6 13.2.6 8.7c-.9 1.2-.8 3 .3 4.1l26 26c1.5-1.1 10.2 5.6 19.7 15.1c3.3 3.3 6.3 6.6 8.8 9.5l.3-.3l2.9-2.9c-5.5-5-12.6-11.8-20.3-19.5M8.3.9l-.2.2c4.2 3.8 9.6 8.9 15.3 14.6C36 28.3 45.6 39.2 44.8 40c-.2.2-1.1-.3-2.5-1.3C49.6 46 56 52.8 60.8 58l2.3-2.3l.2-.2c-1.7-1.6-3.5-3.4-5.4-5.3c-7.7-7.7-13.7-14.3-13.3-14.7s7 5.5 14.7 13.3c1.7 1.7 3.2 3.3 4.7 4.8c0-.8-.3-1.6-.9-2.2L12.8.9C11.5-.3 9.6-.3 8.3.9"/><g fill="#89664c"><path d="m4.721 9.506l8.268-8.278l1.628 1.625l-8.269 8.278zm7.318-.953l4.172-4.172l1.626 1.627l-4.172 4.172zm3.337 3.211l4.172-4.172l1.626 1.626l-4.172 4.172zm3.194 3.209l4.173-4.17l1.626 1.626l-4.173 4.17zm-.93 7.372l8.277-8.27l1.626 1.627l-8.277 8.27zm7.322-.946l4.17-4.175l1.627 1.625l-4.17 4.175zm3.194 3.206l4.174-4.17l1.625 1.627l-4.173 4.17zm3.196 3.212l4.173-4.171l1.626 1.627l-4.173 4.17zm-.926 7.378l8.268-8.278l1.627 1.625l-8.268 8.278zm7.317-.955l4.173-4.172l1.626 1.627l-4.173 4.17zm3.197 3.214l4.17-4.173l1.627 1.626l-4.17 4.173zm3.334 3.207l4.174-4.17l1.625 1.626l-4.173 4.17zm-1.001 7.299l8.278-8.269l1.625 1.628l-8.277 8.268zm7.393-.875l4.166-4.177l1.629 1.624l-4.167 4.177zm3.194 3.207l4.174-4.17l1.625 1.627l-4.174 4.17zm3.197 3.214l4.172-4.171l1.626 1.626l-4.172 4.172z"/><circle cx="10.4" cy="13.2" r="2.6"/></g><circle cx="10.8" cy="13.6" r="2.4" fill="#fff"/><circle cx="22" cy="24.8" r="2.6" fill="#89664c"/><circle cx="22.4" cy="25.2" r="2.4" fill="#fff"/><circle cx="49.3" cy="52.1" r="2.6" fill="#89664c"/><circle cx="49.7" cy="52.5" r="2.4" fill="#fff"/></svg> </template>
CSS
.icon-straight-ruler {
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%23f8db7d%22%20d%3D%22M8.3.9c1.2-1.2%203.2-1.2%204.4%200L63%2051.2c1.2%201.2%201.2%203.2%200%204.4L55.6%2063c-1.2%201.2-3.2%201.2-4.4%200L.9%2012.8C-.3%2011.6-.3%209.6.9%208.4z%22%2F%3E%3Cpath%20fill%3D%22%23ebc463%22%20d%3D%22M38.3%2040.7C22.2%2024.6%209.8%2010.9%2010.6%2010c.2-.2%201.5.6%203.6%202.3C11%209%208.2%206%205.9%203.4L3.1%206.2c4.5%204%2010%209.3%2015.9%2015.2C32.6%2035%2042.9%2046.7%2042%2047.6s-12.6-9.4-26.2-23.1C9.9%2018.7%204.6%2013.2.6%208.7c-.9%201.2-.8%203%20.3%204.1l26%2026c1.5-1.1%2010.2%205.6%2019.7%2015.1c3.3%203.3%206.3%206.6%208.8%209.5l.3-.3l2.9-2.9c-5.5-5-12.6-11.8-20.3-19.5M8.3.9l-.2.2c4.2%203.8%209.6%208.9%2015.3%2014.6C36%2028.3%2045.6%2039.2%2044.8%2040c-.2.2-1.1-.3-2.5-1.3C49.6%2046%2056%2052.8%2060.8%2058l2.3-2.3l.2-.2c-1.7-1.6-3.5-3.4-5.4-5.3c-7.7-7.7-13.7-14.3-13.3-14.7s7%205.5%2014.7%2013.3c1.7%201.7%203.2%203.3%204.7%204.8c0-.8-.3-1.6-.9-2.2L12.8.9C11.5-.3%209.6-.3%208.3.9%22%2F%3E%3Cg%20fill%3D%22%2389664c%22%3E%3Cpath%20d%3D%22m4.721%209.506l8.268-8.278l1.628%201.625l-8.269%208.278zm7.318-.953l4.172-4.172l1.626%201.627l-4.172%204.172zm3.337%203.211l4.172-4.172l1.626%201.626l-4.172%204.172zm3.194%203.209l4.173-4.17l1.626%201.626l-4.173%204.17zm-.93%207.372l8.277-8.27l1.626%201.627l-8.277%208.27zm7.322-.946l4.17-4.175l1.627%201.625l-4.17%204.175zm3.194%203.206l4.174-4.17l1.625%201.627l-4.173%204.17zm3.196%203.212l4.173-4.171l1.626%201.627l-4.173%204.17zm-.926%207.378l8.268-8.278l1.627%201.625l-8.268%208.278zm7.317-.955l4.173-4.172l1.626%201.627l-4.173%204.17zm3.197%203.214l4.17-4.173l1.627%201.626l-4.17%204.173zm3.334%203.207l4.174-4.17l1.625%201.626l-4.173%204.17zm-1.001%207.299l8.278-8.269l1.625%201.628l-8.277%208.268zm7.393-.875l4.166-4.177l1.629%201.624l-4.167%204.177zm3.194%203.207l4.174-4.17l1.625%201.627l-4.174%204.17zm3.197%203.214l4.172-4.171l1.626%201.626l-4.172%204.172z%22%2F%3E%3Ccircle%20cx%3D%2210.4%22%20cy%3D%2213.2%22%20r%3D%222.6%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2210.8%22%20cy%3D%2213.6%22%20r%3D%222.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2224.8%22%20r%3D%222.6%22%20fill%3D%22%2389664c%22%2F%3E%3Ccircle%20cx%3D%2222.4%22%20cy%3D%2225.2%22%20r%3D%222.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2249.3%22%20cy%3D%2252.1%22%20r%3D%222.6%22%20fill%3D%22%2389664c%22%2F%3E%3Ccircle%20cx%3D%2249.7%22%20cy%3D%2252.5%22%20r%3D%222.4%22%20fill%3D%22%23fff%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%23f8db7d%22%20d%3D%22M8.3.9c1.2-1.2%203.2-1.2%204.4%200L63%2051.2c1.2%201.2%201.2%203.2%200%204.4L55.6%2063c-1.2%201.2-3.2%201.2-4.4%200L.9%2012.8C-.3%2011.6-.3%209.6.9%208.4z%22%2F%3E%3Cpath%20fill%3D%22%23ebc463%22%20d%3D%22M38.3%2040.7C22.2%2024.6%209.8%2010.9%2010.6%2010c.2-.2%201.5.6%203.6%202.3C11%209%208.2%206%205.9%203.4L3.1%206.2c4.5%204%2010%209.3%2015.9%2015.2C32.6%2035%2042.9%2046.7%2042%2047.6s-12.6-9.4-26.2-23.1C9.9%2018.7%204.6%2013.2.6%208.7c-.9%201.2-.8%203%20.3%204.1l26%2026c1.5-1.1%2010.2%205.6%2019.7%2015.1c3.3%203.3%206.3%206.6%208.8%209.5l.3-.3l2.9-2.9c-5.5-5-12.6-11.8-20.3-19.5M8.3.9l-.2.2c4.2%203.8%209.6%208.9%2015.3%2014.6C36%2028.3%2045.6%2039.2%2044.8%2040c-.2.2-1.1-.3-2.5-1.3C49.6%2046%2056%2052.8%2060.8%2058l2.3-2.3l.2-.2c-1.7-1.6-3.5-3.4-5.4-5.3c-7.7-7.7-13.7-14.3-13.3-14.7s7%205.5%2014.7%2013.3c1.7%201.7%203.2%203.3%204.7%204.8c0-.8-.3-1.6-.9-2.2L12.8.9C11.5-.3%209.6-.3%208.3.9%22%2F%3E%3Cg%20fill%3D%22%2389664c%22%3E%3Cpath%20d%3D%22m4.721%209.506l8.268-8.278l1.628%201.625l-8.269%208.278zm7.318-.953l4.172-4.172l1.626%201.627l-4.172%204.172zm3.337%203.211l4.172-4.172l1.626%201.626l-4.172%204.172zm3.194%203.209l4.173-4.17l1.626%201.626l-4.173%204.17zm-.93%207.372l8.277-8.27l1.626%201.627l-8.277%208.27zm7.322-.946l4.17-4.175l1.627%201.625l-4.17%204.175zm3.194%203.206l4.174-4.17l1.625%201.627l-4.173%204.17zm3.196%203.212l4.173-4.171l1.626%201.627l-4.173%204.17zm-.926%207.378l8.268-8.278l1.627%201.625l-8.268%208.278zm7.317-.955l4.173-4.172l1.626%201.627l-4.173%204.17zm3.197%203.214l4.17-4.173l1.627%201.626l-4.17%204.173zm3.334%203.207l4.174-4.17l1.625%201.626l-4.173%204.17zm-1.001%207.299l8.278-8.269l1.625%201.628l-8.277%208.268zm7.393-.875l4.166-4.177l1.629%201.624l-4.167%204.177zm3.194%203.207l4.174-4.17l1.625%201.627l-4.174%204.17zm3.197%203.214l4.172-4.171l1.626%201.626l-4.172%204.172z%22%2F%3E%3Ccircle%20cx%3D%2210.4%22%20cy%3D%2213.2%22%20r%3D%222.6%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2210.8%22%20cy%3D%2213.6%22%20r%3D%222.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2224.8%22%20r%3D%222.6%22%20fill%3D%22%2389664c%22%2F%3E%3Ccircle%20cx%3D%2222.4%22%20cy%3D%2225.2%22%20r%3D%222.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2249.3%22%20cy%3D%2252.1%22%20r%3D%222.6%22%20fill%3D%22%2389664c%22%2F%3E%3Ccircle%20cx%3D%2249.7%22%20cy%3D%2252.5%22%20r%3D%222.4%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/straight-ruler.svg?color=%231a73e8&size=48
