scribble icon
scribble from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- scribble
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Use the scribble icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M49.926 46.375c2.18-2.648 2.836-5.93 1.148-7.594c-2.11-2.086-4.804-.047-8.414 3.282c-3.422 3.093-4.71 4.171-5.11 3.75c-.397-.352.353-1.454 4.43-6.07c5.157-5.907 7.524-9.446 4.782-12.212c-2.906-2.883-7.008.563-13.078 6.14c-4.266 3.915-8.485 8.18-10.266 6.4c-1.242-1.243.305-3.235 6.586-10.454c8.672-9.96 13.336-17.039 9.75-20.625c-3.445-3.445-7.008-.445-18.14 8.719c-8.65 7.102-13.407 10.008-17.016 11.812c-.985.54-1.36 1.454-.985 2.391c.422.914 1.477 1.219 2.555.656c3.82-1.898 9.047-5.203 17.602-12.21c9.445-7.782 12-10.196 13.5-8.672c1.875 1.851-2.414 7.312-9.797 15.632c-8.063 9.118-9.985 12.703-6.82 15.868c3.656 3.656 8.835-1.055 15.187-6.868c4.969-4.547 7.547-6.96 8.438-6.047c.913.938-1.383 3.446-6.118 8.93c-4.312 5.016-5.226 7.57-3.328 9.469c1.781 1.781 4.547.61 8.414-2.836c3.164-2.79 4.805-4.5 5.133-4.148c.328.328-.211 1.617-1.336 2.765c-.727.727-.633 1.805.094 2.555c.75.68 1.898.515 2.789-.633"/></svg>
React
import type { SVGProps } from "react";
export function F7Scribble(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M49.926 46.375c2.18-2.648 2.836-5.93 1.148-7.594c-2.11-2.086-4.804-.047-8.414 3.282c-3.422 3.093-4.71 4.171-5.11 3.75c-.397-.352.353-1.454 4.43-6.07c5.157-5.907 7.524-9.446 4.782-12.212c-2.906-2.883-7.008.563-13.078 6.14c-4.266 3.915-8.485 8.18-10.266 6.4c-1.242-1.243.305-3.235 6.586-10.454c8.672-9.96 13.336-17.039 9.75-20.625c-3.445-3.445-7.008-.445-18.14 8.719c-8.65 7.102-13.407 10.008-17.016 11.812c-.985.54-1.36 1.454-.985 2.391c.422.914 1.477 1.219 2.555.656c3.82-1.898 9.047-5.203 17.602-12.21c9.445-7.782 12-10.196 13.5-8.672c1.875 1.851-2.414 7.312-9.797 15.632c-8.063 9.118-9.985 12.703-6.82 15.868c3.656 3.656 8.835-1.055 15.187-6.868c4.969-4.547 7.547-6.96 8.438-6.047c.913.938-1.383 3.446-6.118 8.93c-4.312 5.016-5.226 7.57-3.328 9.469c1.781 1.781 4.547.61 8.414-2.836c3.164-2.79 4.805-4.5 5.133-4.148c.328.328-.211 1.617-1.336 2.765c-.727.727-.633 1.805.094 2.555c.75.68 1.898.515 2.789-.633"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M49.926 46.375c2.18-2.648 2.836-5.93 1.148-7.594c-2.11-2.086-4.804-.047-8.414 3.282c-3.422 3.093-4.71 4.171-5.11 3.75c-.397-.352.353-1.454 4.43-6.07c5.157-5.907 7.524-9.446 4.782-12.212c-2.906-2.883-7.008.563-13.078 6.14c-4.266 3.915-8.485 8.18-10.266 6.4c-1.242-1.243.305-3.235 6.586-10.454c8.672-9.96 13.336-17.039 9.75-20.625c-3.445-3.445-7.008-.445-18.14 8.719c-8.65 7.102-13.407 10.008-17.016 11.812c-.985.54-1.36 1.454-.985 2.391c.422.914 1.477 1.219 2.555.656c3.82-1.898 9.047-5.203 17.602-12.21c9.445-7.782 12-10.196 13.5-8.672c1.875 1.851-2.414 7.312-9.797 15.632c-8.063 9.118-9.985 12.703-6.82 15.868c3.656 3.656 8.835-1.055 15.187-6.868c4.969-4.547 7.547-6.96 8.438-6.047c.913.938-1.383 3.446-6.118 8.93c-4.312 5.016-5.226 7.57-3.328 9.469c1.781 1.781 4.547.61 8.414-2.836c3.164-2.79 4.805-4.5 5.133-4.148c.328.328-.211 1.617-1.336 2.765c-.727.727-.633 1.805.094 2.555c.75.68 1.898.515 2.789-.633"/></svg> </template>
CSS
.icon-scribble {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M49.926%2046.375c2.18-2.648%202.836-5.93%201.148-7.594c-2.11-2.086-4.804-.047-8.414%203.282c-3.422%203.093-4.71%204.171-5.11%203.75c-.397-.352.353-1.454%204.43-6.07c5.157-5.907%207.524-9.446%204.782-12.212c-2.906-2.883-7.008.563-13.078%206.14c-4.266%203.915-8.485%208.18-10.266%206.4c-1.242-1.243.305-3.235%206.586-10.454c8.672-9.96%2013.336-17.039%209.75-20.625c-3.445-3.445-7.008-.445-18.14%208.719c-8.65%207.102-13.407%2010.008-17.016%2011.812c-.985.54-1.36%201.454-.985%202.391c.422.914%201.477%201.219%202.555.656c3.82-1.898%209.047-5.203%2017.602-12.21c9.445-7.782%2012-10.196%2013.5-8.672c1.875%201.851-2.414%207.312-9.797%2015.632c-8.063%209.118-9.985%2012.703-6.82%2015.868c3.656%203.656%208.835-1.055%2015.187-6.868c4.969-4.547%207.547-6.96%208.438-6.047c.913.938-1.383%203.446-6.118%208.93c-4.312%205.016-5.226%207.57-3.328%209.469c1.781%201.781%204.547.61%208.414-2.836c3.164-2.79%204.805-4.5%205.133-4.148c.328.328-.211%201.617-1.336%202.765c-.727.727-.633%201.805.094%202.555c.75.68%201.898.515%202.789-.633%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M49.926%2046.375c2.18-2.648%202.836-5.93%201.148-7.594c-2.11-2.086-4.804-.047-8.414%203.282c-3.422%203.093-4.71%204.171-5.11%203.75c-.397-.352.353-1.454%204.43-6.07c5.157-5.907%207.524-9.446%204.782-12.212c-2.906-2.883-7.008.563-13.078%206.14c-4.266%203.915-8.485%208.18-10.266%206.4c-1.242-1.243.305-3.235%206.586-10.454c8.672-9.96%2013.336-17.039%209.75-20.625c-3.445-3.445-7.008-.445-18.14%208.719c-8.65%207.102-13.407%2010.008-17.016%2011.812c-.985.54-1.36%201.454-.985%202.391c.422.914%201.477%201.219%202.555.656c3.82-1.898%209.047-5.203%2017.602-12.21c9.445-7.782%2012-10.196%2013.5-8.672c1.875%201.851-2.414%207.312-9.797%2015.632c-8.063%209.118-9.985%2012.703-6.82%2015.868c3.656%203.656%208.835-1.055%2015.187-6.868c4.969-4.547%207.547-6.96%208.438-6.047c.913.938-1.383%203.446-6.118%208.93c-4.312%205.016-5.226%207.57-3.328%209.469c1.781%201.781%204.547.61%208.414-2.836c3.164-2.79%204.805-4.5%205.133-4.148c.328.328-.211%201.617-1.336%202.765c-.727.727-.633%201.805.094%202.555c.75.68%201.898.515%202.789-.633%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/scribble.svg?color=%231a73e8&size=48
