prescriptions icon
prescriptions from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- prescriptions
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- prescriptions-rounded
3 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the prescriptions icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.067 21.902l1.516-1.515l-3.854-3.854l-1.515 1.515q-.81.81-.8 1.927q.009 1.117.8 1.927q.809.79 1.927.8t1.926-.8m2.204-2.204l1.516-1.515q.81-.81.81-1.927t-.81-1.927q-.79-.79-1.927-.79t-1.927.79l-1.516 1.515zM7.5 8.731h9v-1h-9zm5.038-4.501q.212-.213.212-.538t-.212-.537T12 2.942t-.537.213t-.213.537t.213.538t.537.212t.538-.212M10.683 20H5.616q-.672 0-1.144-.472T4 18.385V5.615q0-.67.472-1.143Q4.944 4 5.616 4h4.7q-.137-.766.366-1.383Q11.184 2 12 2q.835 0 1.338.617T13.685 4h4.7q.67 0 1.143.472q.472.472.472 1.144v5.182q-.954-.038-1.847.251q-.894.29-1.653.865V11.5h-9v1h8.34l-2.769 2.77H7.5v1h4.606q-.69.759-1.066 1.72q-.376.96-.357 2.01"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPrescriptions(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.067 21.902l1.516-1.515l-3.854-3.854l-1.515 1.515q-.81.81-.8 1.927q.009 1.117.8 1.927q.809.79 1.927.8t1.926-.8m2.204-2.204l1.516-1.515q.81-.81.81-1.927t-.81-1.927q-.79-.79-1.927-.79t-1.927.79l-1.516 1.515zM7.5 8.731h9v-1h-9zm5.038-4.501q.212-.213.212-.538t-.212-.537T12 2.942t-.537.213t-.213.537t.213.538t.537.212t.538-.212M10.683 20H5.616q-.672 0-1.144-.472T4 18.385V5.615q0-.67.472-1.143Q4.944 4 5.616 4h4.7q-.137-.766.366-1.383Q11.184 2 12 2q.835 0 1.338.617T13.685 4h4.7q.67 0 1.143.472q.472.472.472 1.144v5.182q-.954-.038-1.847.251q-.894.29-1.653.865V11.5h-9v1h8.34l-2.769 2.77H7.5v1h4.606q-.69.759-1.066 1.72q-.376.96-.357 2.01"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.067 21.902l1.516-1.515l-3.854-3.854l-1.515 1.515q-.81.81-.8 1.927q.009 1.117.8 1.927q.809.79 1.927.8t1.926-.8m2.204-2.204l1.516-1.515q.81-.81.81-1.927t-.81-1.927q-.79-.79-1.927-.79t-1.927.79l-1.516 1.515zM7.5 8.731h9v-1h-9zm5.038-4.501q.212-.213.212-.538t-.212-.537T12 2.942t-.537.213t-.213.537t.213.538t.537.212t.538-.212M10.683 20H5.616q-.672 0-1.144-.472T4 18.385V5.615q0-.67.472-1.143Q4.944 4 5.616 4h4.7q-.137-.766.366-1.383Q11.184 2 12 2q.835 0 1.338.617T13.685 4h4.7q.67 0 1.143.472q.472.472.472 1.144v5.182q-.954-.038-1.847.251q-.894.29-1.653.865V11.5h-9v1h8.34l-2.769 2.77H7.5v1h4.606q-.69.759-1.066 1.72q-.376.96-.357 2.01"/></svg> </template>
CSS
.icon-prescriptions {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.067%2021.902l1.516-1.515l-3.854-3.854l-1.515%201.515q-.81.81-.8%201.927q.009%201.117.8%201.927q.809.79%201.927.8t1.926-.8m2.204-2.204l1.516-1.515q.81-.81.81-1.927t-.81-1.927q-.79-.79-1.927-.79t-1.927.79l-1.516%201.515zM7.5%208.731h9v-1h-9zm5.038-4.501q.212-.213.212-.538t-.212-.537T12%202.942t-.537.213t-.213.537t.213.538t.537.212t.538-.212M10.683%2020H5.616q-.672%200-1.144-.472T4%2018.385V5.615q0-.67.472-1.143Q4.944%204%205.616%204h4.7q-.137-.766.366-1.383Q11.184%202%2012%202q.835%200%201.338.617T13.685%204h4.7q.67%200%201.143.472q.472.472.472%201.144v5.182q-.954-.038-1.847.251q-.894.29-1.653.865V11.5h-9v1h8.34l-2.769%202.77H7.5v1h4.606q-.69.759-1.066%201.72q-.376.96-.357%202.01%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.067%2021.902l1.516-1.515l-3.854-3.854l-1.515%201.515q-.81.81-.8%201.927q.009%201.117.8%201.927q.809.79%201.927.8t1.926-.8m2.204-2.204l1.516-1.515q.81-.81.81-1.927t-.81-1.927q-.79-.79-1.927-.79t-1.927.79l-1.516%201.515zM7.5%208.731h9v-1h-9zm5.038-4.501q.212-.213.212-.538t-.212-.537T12%202.942t-.537.213t-.213.537t.213.538t.537.212t.538-.212M10.683%2020H5.616q-.672%200-1.144-.472T4%2018.385V5.615q0-.67.472-1.143Q4.944%204%205.616%204h4.7q-.137-.766.366-1.383Q11.184%202%2012%202q.835%200%201.338.617T13.685%204h4.7q.67%200%201.143.472q.472.472.472%201.144v5.182q-.954-.038-1.847.251q-.894.29-1.653.865V11.5h-9v1h8.34l-2.769%202.77H7.5v1h4.606q-.69.759-1.066%201.72q-.376.96-.357%202.01%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/prescriptions.svg?color=%231a73e8&size=48
