rock emoji
rock from OpenMoji by OpenMoji · Default · Travel Places · CC-BY-SA-4.0 Attribution required.
- Name
- rock
- Set
- OpenMoji
- Style
- Default
- Category
- Travel Places
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More travel places icons from OpenMoji
Use the rock emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M55.785 34.99a1 1 0 0 1 .106 1.041l-3.895 8.063a1 1 0 0 1-.706.546l-10.798 2.138a1 1 0 0 1-.794-.18L16.214 29.02a1 1 0 0 1-.176-1.432l2.438-2.997a1 1 0 0 1 .326-.262l18.305-9.222a1 1 0 0 1 .658-.085l3.819.807a1 1 0 0 1 .637.442l2.673 4.144l1.62 2.49Z"/><path fill="#3f3f3f" d="M26.692 56h20.096l-6.471-10.181l-23.374-17.6l-1.129 4.827z"/><path fill="#9b9b9a" d="m54.78 36.031l1.348 11.513L54.469 56h-7.681l-6.471-10.181l10.622-1.879z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m45.797 23.608l9.193 11.989l1.138 11.642L54.469 56H26.692L16 32.86l.813-4.641l2.439-2.997L37.558 16l3.819.807l2.643 4.11l-5.012 3.353"/><path d="m47.359 56l-7.061-10.203l-23.485-17.578m38.177 7.378l-3.895 8.062l-10.797 2.138"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiRock(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M55.785 34.99a1 1 0 0 1 .106 1.041l-3.895 8.063a1 1 0 0 1-.706.546l-10.798 2.138a1 1 0 0 1-.794-.18L16.214 29.02a1 1 0 0 1-.176-1.432l2.438-2.997a1 1 0 0 1 .326-.262l18.305-9.222a1 1 0 0 1 .658-.085l3.819.807a1 1 0 0 1 .637.442l2.673 4.144l1.62 2.49Z"/><path fill="#3f3f3f" d="M26.692 56h20.096l-6.471-10.181l-23.374-17.6l-1.129 4.827z"/><path fill="#9b9b9a" d="m54.78 36.031l1.348 11.513L54.469 56h-7.681l-6.471-10.181l10.622-1.879z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="m45.797 23.608l9.193 11.989l1.138 11.642L54.469 56H26.692L16 32.86l.813-4.641l2.439-2.997L37.558 16l3.819.807l2.643 4.11l-5.012 3.353"/><path d="m47.359 56l-7.061-10.203l-23.485-17.578m38.177 7.378l-3.895 8.062l-10.797 2.138"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M55.785 34.99a1 1 0 0 1 .106 1.041l-3.895 8.063a1 1 0 0 1-.706.546l-10.798 2.138a1 1 0 0 1-.794-.18L16.214 29.02a1 1 0 0 1-.176-1.432l2.438-2.997a1 1 0 0 1 .326-.262l18.305-9.222a1 1 0 0 1 .658-.085l3.819.807a1 1 0 0 1 .637.442l2.673 4.144l1.62 2.49Z"/><path fill="#3f3f3f" d="M26.692 56h20.096l-6.471-10.181l-23.374-17.6l-1.129 4.827z"/><path fill="#9b9b9a" d="m54.78 36.031l1.348 11.513L54.469 56h-7.681l-6.471-10.181l10.622-1.879z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m45.797 23.608l9.193 11.989l1.138 11.642L54.469 56H26.692L16 32.86l.813-4.641l2.439-2.997L37.558 16l3.819.807l2.643 4.11l-5.012 3.353"/><path d="m47.359 56l-7.061-10.203l-23.485-17.578m38.177 7.378l-3.895 8.062l-10.797 2.138"/></g></svg> </template>
CSS
.icon-rock {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M55.785%2034.99a1%201%200%200%201%20.106%201.041l-3.895%208.063a1%201%200%200%201-.706.546l-10.798%202.138a1%201%200%200%201-.794-.18L16.214%2029.02a1%201%200%200%201-.176-1.432l2.438-2.997a1%201%200%200%201%20.326-.262l18.305-9.222a1%201%200%200%201%20.658-.085l3.819.807a1%201%200%200%201%20.637.442l2.673%204.144l1.62%202.49Z%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M26.692%2056h20.096l-6.471-10.181l-23.374-17.6l-1.129%204.827z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22m54.78%2036.031l1.348%2011.513L54.469%2056h-7.681l-6.471-10.181l10.622-1.879z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m45.797%2023.608l9.193%2011.989l1.138%2011.642L54.469%2056H26.692L16%2032.86l.813-4.641l2.439-2.997L37.558%2016l3.819.807l2.643%204.11l-5.012%203.353%22%2F%3E%3Cpath%20d%3D%22m47.359%2056l-7.061-10.203l-23.485-17.578m38.177%207.378l-3.895%208.062l-10.797%202.138%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M55.785%2034.99a1%201%200%200%201%20.106%201.041l-3.895%208.063a1%201%200%200%201-.706.546l-10.798%202.138a1%201%200%200%201-.794-.18L16.214%2029.02a1%201%200%200%201-.176-1.432l2.438-2.997a1%201%200%200%201%20.326-.262l18.305-9.222a1%201%200%200%201%20.658-.085l3.819.807a1%201%200%200%201%20.637.442l2.673%204.144l1.62%202.49Z%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M26.692%2056h20.096l-6.471-10.181l-23.374-17.6l-1.129%204.827z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22m54.78%2036.031l1.348%2011.513L54.469%2056h-7.681l-6.471-10.181l10.622-1.879z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m45.797%2023.608l9.193%2011.989l1.138%2011.642L54.469%2056H26.692L16%2032.86l.813-4.641l2.439-2.997L37.558%2016l3.819.807l2.643%204.11l-5.012%203.353%22%2F%3E%3Cpath%20d%3D%22m47.359%2056l-7.061-10.203l-23.485-17.578m38.177%207.378l-3.895%208.062l-10.797%202.138%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/rock.svg?color=%231a73e8&size=48
