round interests icon
round-interests from Google Material Icons by Material Design Authors · Baseline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- round-interests
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
More social icons from Google Material Icons
baseline-18-up-ratingbaseline-6-ft-apartbaseline-add-moderatorbaseline-add-reactionbaseline-adobebaseline-applebaseline-architecturebaseline-assist-walkerbaseline-back-handbaseline-blindbaseline-boybaseline-cakebaseline-catching-pokemonbaseline-clean-handsbaseline-co2baseline-compostbaseline-connect-without-contactbaseline-constructionbaseline-cookiebaseline-coronavirusbaseline-cruelty-freebaseline-cyclonebaseline-deckbaseline-discord
Use the round interests icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.02 13c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4M13 14v6c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1M6.13 3.57l-3.3 5.94c-.37.67.11 1.49.87 1.49h6.6c.76 0 1.24-.82.87-1.49l-3.3-5.94a.997.997 0 0 0-1.74 0M19.25 2.5c-1.06 0-1.81.56-2.25 1.17c-.44-.61-1.19-1.17-2.25-1.17C13.19 2.5 12 3.78 12 5.25c0 1.83 2.03 3.17 4.35 5.18a1 1 0 0 0 1.3 0C19.97 8.42 22 7.08 22 5.25c0-1.47-1.19-2.75-2.75-2.75"/></svg>
React
import type { SVGProps } from "react";
export function IcRoundInterests(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="M7.02 13c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4M13 14v6c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1M6.13 3.57l-3.3 5.94c-.37.67.11 1.49.87 1.49h6.6c.76 0 1.24-.82.87-1.49l-3.3-5.94a.997.997 0 0 0-1.74 0M19.25 2.5c-1.06 0-1.81.56-2.25 1.17c-.44-.61-1.19-1.17-2.25-1.17C13.19 2.5 12 3.78 12 5.25c0 1.83 2.03 3.17 4.35 5.18a1 1 0 0 0 1.3 0C19.97 8.42 22 7.08 22 5.25c0-1.47-1.19-2.75-2.75-2.75"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.02 13c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4M13 14v6c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1M6.13 3.57l-3.3 5.94c-.37.67.11 1.49.87 1.49h6.6c.76 0 1.24-.82.87-1.49l-3.3-5.94a.997.997 0 0 0-1.74 0M19.25 2.5c-1.06 0-1.81.56-2.25 1.17c-.44-.61-1.19-1.17-2.25-1.17C13.19 2.5 12 3.78 12 5.25c0 1.83 2.03 3.17 4.35 5.18a1 1 0 0 0 1.3 0C19.97 8.42 22 7.08 22 5.25c0-1.47-1.19-2.75-2.75-2.75"/></svg> </template>
CSS
.icon-round-interests {
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%22M7.02%2013c-2.21%200-4%201.79-4%204s1.79%204%204%204s4-1.79%204-4s-1.79-4-4-4M13%2014v6c0%20.55.45%201%201%201h6c.55%200%201-.45%201-1v-6c0-.55-.45-1-1-1h-6c-.55%200-1%20.45-1%201M6.13%203.57l-3.3%205.94c-.37.67.11%201.49.87%201.49h6.6c.76%200%201.24-.82.87-1.49l-3.3-5.94a.997.997%200%200%200-1.74%200M19.25%202.5c-1.06%200-1.81.56-2.25%201.17c-.44-.61-1.19-1.17-2.25-1.17C13.19%202.5%2012%203.78%2012%205.25c0%201.83%202.03%203.17%204.35%205.18a1%201%200%200%200%201.3%200C19.97%208.42%2022%207.08%2022%205.25c0-1.47-1.19-2.75-2.75-2.75%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%22M7.02%2013c-2.21%200-4%201.79-4%204s1.79%204%204%204s4-1.79%204-4s-1.79-4-4-4M13%2014v6c0%20.55.45%201%201%201h6c.55%200%201-.45%201-1v-6c0-.55-.45-1-1-1h-6c-.55%200-1%20.45-1%201M6.13%203.57l-3.3%205.94c-.37.67.11%201.49.87%201.49h6.6c.76%200%201.24-.82.87-1.49l-3.3-5.94a.997.997%200%200%200-1.74%200M19.25%202.5c-1.06%200-1.81.56-2.25%201.17c-.44-.61-1.19-1.17-2.25-1.17C13.19%202.5%2012%203.78%2012%205.25c0%201.83%202.03%203.17%204.35%205.18a1%201%200%200%200%201.3%200C19.97%208.42%2022%207.08%2022%205.25c0-1.47-1.19-2.75-2.75-2.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-interests.svg?color=%231a73e8&size=48
