volunteer activism icon
volunteer-activism-rounded from Material Symbols by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- volunteer-activism-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols
The same icon in other sets
More activities icons from Material Symbols
Use the volunteer activism icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.375 21.825q.275.075.638.063t.612-.113L22 19q0-.85-.6-1.425T20 17h-6.85q-.075 0-.175-.012t-.15-.038l-1.475-.525q-.2-.075-.275-.25t-.025-.375q.05-.175.25-.275t.4-.025l1.125.425q.1.05.163.063t.187.012H15.8q.475 0 .837-.325t.363-.85q0-.35-.213-.675t-.562-.45L9.3 11.125q-.175-.05-.35-.088T8.6 11H7v9.025zM1 20q0 .825.588 1.413T3 22t1.413-.587T5 20v-7q0-.825-.587-1.412T3 11t-1.412.588T1 13zm14.263-7.937q-.363-.138-.663-.413l-2.75-2.7q-.775-.75-1.312-1.662T10 5.3q0-1.375.963-2.337T13.3 2q.8 0 1.5.338t1.2.912q.5-.575 1.2-.913T18.7 2q1.375 0 2.338.963T22 5.3q0 1.075-.525 1.988t-1.3 1.662l-2.775 2.7q-.3.275-.662.413T16 12.2t-.737-.137"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsVolunteerActivismRounded(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="M13.375 21.825q.275.075.638.063t.612-.113L22 19q0-.85-.6-1.425T20 17h-6.85q-.075 0-.175-.012t-.15-.038l-1.475-.525q-.2-.075-.275-.25t-.025-.375q.05-.175.25-.275t.4-.025l1.125.425q.1.05.163.063t.187.012H15.8q.475 0 .837-.325t.363-.85q0-.35-.213-.675t-.562-.45L9.3 11.125q-.175-.05-.35-.088T8.6 11H7v9.025zM1 20q0 .825.588 1.413T3 22t1.413-.587T5 20v-7q0-.825-.587-1.412T3 11t-1.412.588T1 13zm14.263-7.937q-.363-.138-.663-.413l-2.75-2.7q-.775-.75-1.312-1.662T10 5.3q0-1.375.963-2.337T13.3 2q.8 0 1.5.338t1.2.912q.5-.575 1.2-.913T18.7 2q1.375 0 2.338.963T22 5.3q0 1.075-.525 1.988t-1.3 1.662l-2.775 2.7q-.3.275-.662.413T16 12.2t-.737-.137"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.375 21.825q.275.075.638.063t.612-.113L22 19q0-.85-.6-1.425T20 17h-6.85q-.075 0-.175-.012t-.15-.038l-1.475-.525q-.2-.075-.275-.25t-.025-.375q.05-.175.25-.275t.4-.025l1.125.425q.1.05.163.063t.187.012H15.8q.475 0 .837-.325t.363-.85q0-.35-.213-.675t-.562-.45L9.3 11.125q-.175-.05-.35-.088T8.6 11H7v9.025zM1 20q0 .825.588 1.413T3 22t1.413-.587T5 20v-7q0-.825-.587-1.412T3 11t-1.412.588T1 13zm14.263-7.937q-.363-.138-.663-.413l-2.75-2.7q-.775-.75-1.312-1.662T10 5.3q0-1.375.963-2.337T13.3 2q.8 0 1.5.338t1.2.912q.5-.575 1.2-.913T18.7 2q1.375 0 2.338.963T22 5.3q0 1.075-.525 1.988t-1.3 1.662l-2.775 2.7q-.3.275-.662.413T16 12.2t-.737-.137"/></svg> </template>
CSS
.icon-volunteer-activism-rounded {
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%22M13.375%2021.825q.275.075.638.063t.612-.113L22%2019q0-.85-.6-1.425T20%2017h-6.85q-.075%200-.175-.012t-.15-.038l-1.475-.525q-.2-.075-.275-.25t-.025-.375q.05-.175.25-.275t.4-.025l1.125.425q.1.05.163.063t.187.012H15.8q.475%200%20.837-.325t.363-.85q0-.35-.213-.675t-.562-.45L9.3%2011.125q-.175-.05-.35-.088T8.6%2011H7v9.025zM1%2020q0%20.825.588%201.413T3%2022t1.413-.587T5%2020v-7q0-.825-.587-1.412T3%2011t-1.412.588T1%2013zm14.263-7.937q-.363-.138-.663-.413l-2.75-2.7q-.775-.75-1.312-1.662T10%205.3q0-1.375.963-2.337T13.3%202q.8%200%201.5.338t1.2.912q.5-.575%201.2-.913T18.7%202q1.375%200%202.338.963T22%205.3q0%201.075-.525%201.988t-1.3%201.662l-2.775%202.7q-.3.275-.662.413T16%2012.2t-.737-.137%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%22M13.375%2021.825q.275.075.638.063t.612-.113L22%2019q0-.85-.6-1.425T20%2017h-6.85q-.075%200-.175-.012t-.15-.038l-1.475-.525q-.2-.075-.275-.25t-.025-.375q.05-.175.25-.275t.4-.025l1.125.425q.1.05.163.063t.187.012H15.8q.475%200%20.837-.325t.363-.85q0-.35-.213-.675t-.562-.45L9.3%2011.125q-.175-.05-.35-.088T8.6%2011H7v9.025zM1%2020q0%20.825.588%201.413T3%2022t1.413-.587T5%2020v-7q0-.825-.587-1.412T3%2011t-1.412.588T1%2013zm14.263-7.937q-.363-.138-.663-.413l-2.75-2.7q-.775-.75-1.312-1.662T10%205.3q0-1.375.963-2.337T13.3%202q.8%200%201.5.338t1.2.912q.5-.575%201.2-.913T18.7%202q1.375%200%202.338.963T22%205.3q0%201.075-.525%201.988t-1.3%201.662l-2.775%202.7q-.3.275-.662.413T16%2012.2t-.737-.137%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/volunteer-activism-rounded.svg?color=%231a73e8&size=48
