rock icon
rock from IconPark Outline by ByteDance · Outline · Hands · Apache-2.0 Free for personal and commercial use.
- Name
- rock
- Set
- IconPark Outline
- Style
- Outline
- Category
- Hands
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More hands icons from IconPark Outline
Use the rock icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M23.5 20.5c-1.154 0-4.348-.169-8.386 4.446c-2.403 2.746-2.827 6.087-2.65 8.41c.085 1.105 1.205 1.714 2.234 1.303c.744-.297 1.56-.668 2.146-1.06c1.731-1.153 1.154-2.307 1.731-4.037c.577-1.731 2.885-2.885 5.192-2.308s3.19 2.329 3.462 4.038C27.5 33 26.5 35 24.344 35.907c-2.378 1.001-3.461 0-6.346-.576c-1.503-.301-3.006 1.014-3.871 1.967a1.514 1.514 0 0 0-.118 1.918c.289.402.661.863 1.105 1.307c1.154 1.153 5.769 4.615 10.384 4.038s8.653-4.038 10.384-8.077S37 27 33 24"/><path d="M33 24L23.129 4.24c-.23-.46-.776-.677-1.221-.42c-1.041.597-2.26 1.722-1.864 3.467C20.553 9.537 25.581 27.048 27 30"/><path d="m36 27l-.948-19.31c-.024-.499-.415-.911-.914-.88c-1.201.077-2.814.548-3.225 2.307c-.524 2.247-.9 5.608-.913 8.883"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineRock(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M23.5 20.5c-1.154 0-4.348-.169-8.386 4.446c-2.403 2.746-2.827 6.087-2.65 8.41c.085 1.105 1.205 1.714 2.234 1.303c.744-.297 1.56-.668 2.146-1.06c1.731-1.153 1.154-2.307 1.731-4.037c.577-1.731 2.885-2.885 5.192-2.308s3.19 2.329 3.462 4.038C27.5 33 26.5 35 24.344 35.907c-2.378 1.001-3.461 0-6.346-.576c-1.503-.301-3.006 1.014-3.871 1.967a1.514 1.514 0 0 0-.118 1.918c.289.402.661.863 1.105 1.307c1.154 1.153 5.769 4.615 10.384 4.038s8.653-4.038 10.384-8.077S37 27 33 24"/><path d="M33 24L23.129 4.24c-.23-.46-.776-.677-1.221-.42c-1.041.597-2.26 1.722-1.864 3.467C20.553 9.537 25.581 27.048 27 30"/><path d="m36 27l-.948-19.31c-.024-.499-.415-.911-.914-.88c-1.201.077-2.814.548-3.225 2.307c-.524 2.247-.9 5.608-.913 8.883"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M23.5 20.5c-1.154 0-4.348-.169-8.386 4.446c-2.403 2.746-2.827 6.087-2.65 8.41c.085 1.105 1.205 1.714 2.234 1.303c.744-.297 1.56-.668 2.146-1.06c1.731-1.153 1.154-2.307 1.731-4.037c.577-1.731 2.885-2.885 5.192-2.308s3.19 2.329 3.462 4.038C27.5 33 26.5 35 24.344 35.907c-2.378 1.001-3.461 0-6.346-.576c-1.503-.301-3.006 1.014-3.871 1.967a1.514 1.514 0 0 0-.118 1.918c.289.402.661.863 1.105 1.307c1.154 1.153 5.769 4.615 10.384 4.038s8.653-4.038 10.384-8.077S37 27 33 24"/><path d="M33 24L23.129 4.24c-.23-.46-.776-.677-1.221-.42c-1.041.597-2.26 1.722-1.864 3.467C20.553 9.537 25.581 27.048 27 30"/><path d="m36 27l-.948-19.31c-.024-.499-.415-.911-.914-.88c-1.201.077-2.814.548-3.225 2.307c-.524 2.247-.9 5.608-.913 8.883"/></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M23.5%2020.5c-1.154%200-4.348-.169-8.386%204.446c-2.403%202.746-2.827%206.087-2.65%208.41c.085%201.105%201.205%201.714%202.234%201.303c.744-.297%201.56-.668%202.146-1.06c1.731-1.153%201.154-2.307%201.731-4.037c.577-1.731%202.885-2.885%205.192-2.308s3.19%202.329%203.462%204.038C27.5%2033%2026.5%2035%2024.344%2035.907c-2.378%201.001-3.461%200-6.346-.576c-1.503-.301-3.006%201.014-3.871%201.967a1.514%201.514%200%200%200-.118%201.918c.289.402.661.863%201.105%201.307c1.154%201.153%205.769%204.615%2010.384%204.038s8.653-4.038%2010.384-8.077S37%2027%2033%2024%22%2F%3E%3Cpath%20d%3D%22M33%2024L23.129%204.24c-.23-.46-.776-.677-1.221-.42c-1.041.597-2.26%201.722-1.864%203.467C20.553%209.537%2025.581%2027.048%2027%2030%22%2F%3E%3Cpath%20d%3D%22m36%2027l-.948-19.31c-.024-.499-.415-.911-.914-.88c-1.201.077-2.814.548-3.225%202.307c-.524%202.247-.9%205.608-.913%208.883%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M23.5%2020.5c-1.154%200-4.348-.169-8.386%204.446c-2.403%202.746-2.827%206.087-2.65%208.41c.085%201.105%201.205%201.714%202.234%201.303c.744-.297%201.56-.668%202.146-1.06c1.731-1.153%201.154-2.307%201.731-4.037c.577-1.731%202.885-2.885%205.192-2.308s3.19%202.329%203.462%204.038C27.5%2033%2026.5%2035%2024.344%2035.907c-2.378%201.001-3.461%200-6.346-.576c-1.503-.301-3.006%201.014-3.871%201.967a1.514%201.514%200%200%200-.118%201.918c.289.402.661.863%201.105%201.307c1.154%201.153%205.769%204.615%2010.384%204.038s8.653-4.038%2010.384-8.077S37%2027%2033%2024%22%2F%3E%3Cpath%20d%3D%22M33%2024L23.129%204.24c-.23-.46-.776-.677-1.221-.42c-1.041.597-2.26%201.722-1.864%203.467C20.553%209.537%2025.581%2027.048%2027%2030%22%2F%3E%3Cpath%20d%3D%22m36%2027l-.948-19.31c-.024-.499-.415-.911-.914-.88c-1.201.077-2.814.548-3.225%202.307c-.524%202.247-.9%205.608-.913%208.883%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/rock.svg?color=%231a73e8&size=48
