vine circle icon
vine-circle from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- vine-circle
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
Related icons in Jam Icons
Use the vine circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M14.613 9.925a.28.28 0 0 0-.306-.242a3 3 0 0 1-.338.021c-.728 0-1.767-.056-2.409-.494a1.72 1.72 0 0 1-.749-1.435c-.003-.48.108-.835.332-1.054a.82.82 0 0 1 .54-.234a.6.6 0 0 1 .445.288c.136.204.304.67.093 1.624a.21.21 0 0 0 .128.241c.333.126.753.178 1.078.198c.1.006.19-.063.21-.163q.147-.691.122-1.274c-.026-.568-.174-1.06-.44-1.458c-.366-.548-.949-.895-1.56-.929c-.438-.024-1.092.132-1.613.641c-.36.351-.786 1.006-.777 2.132a3.2 3.2 0 0 0 1.091 2.416c.213.187.486.378.831.543a12 12 0 0 1-1.946 2.594c-1.095-.89-1.744-2.556-2.104-3.869a19 19 0 0 1-.546-2.962a.25.25 0 0 0-.265-.229l-.476.033l.72-.049l-1.187.081a.253.253 0 0 0-.231.28c.05.531.203 1.803.589 3.218c.297 1.09.673 2.041 1.118 2.827c.584 1.032 1.292 1.79 2.106 2.25a.71.71 0 0 0 .807-.076c.026-.022.644-.545 1.385-1.464a13.4 13.4 0 0 0 1.459-2.23a7.3 7.3 0 0 0 1.775-.006a.283.283 0 0 0 .243-.322z"/><path d="M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 2C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10"/></g></svg>
React
import type { SVGProps } from "react";
export function JamVineCircle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M14.613 9.925a.28.28 0 0 0-.306-.242a3 3 0 0 1-.338.021c-.728 0-1.767-.056-2.409-.494a1.72 1.72 0 0 1-.749-1.435c-.003-.48.108-.835.332-1.054a.82.82 0 0 1 .54-.234a.6.6 0 0 1 .445.288c.136.204.304.67.093 1.624a.21.21 0 0 0 .128.241c.333.126.753.178 1.078.198c.1.006.19-.063.21-.163q.147-.691.122-1.274c-.026-.568-.174-1.06-.44-1.458c-.366-.548-.949-.895-1.56-.929c-.438-.024-1.092.132-1.613.641c-.36.351-.786 1.006-.777 2.132a3.2 3.2 0 0 0 1.091 2.416c.213.187.486.378.831.543a12 12 0 0 1-1.946 2.594c-1.095-.89-1.744-2.556-2.104-3.869a19 19 0 0 1-.546-2.962a.25.25 0 0 0-.265-.229l-.476.033l.72-.049l-1.187.081a.253.253 0 0 0-.231.28c.05.531.203 1.803.589 3.218c.297 1.09.673 2.041 1.118 2.827c.584 1.032 1.292 1.79 2.106 2.25a.71.71 0 0 0 .807-.076c.026-.022.644-.545 1.385-1.464a13.4 13.4 0 0 0 1.459-2.23a7.3 7.3 0 0 0 1.775-.006a.283.283 0 0 0 .243-.322z"/><path d="M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 2C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M14.613 9.925a.28.28 0 0 0-.306-.242a3 3 0 0 1-.338.021c-.728 0-1.767-.056-2.409-.494a1.72 1.72 0 0 1-.749-1.435c-.003-.48.108-.835.332-1.054a.82.82 0 0 1 .54-.234a.6.6 0 0 1 .445.288c.136.204.304.67.093 1.624a.21.21 0 0 0 .128.241c.333.126.753.178 1.078.198c.1.006.19-.063.21-.163q.147-.691.122-1.274c-.026-.568-.174-1.06-.44-1.458c-.366-.548-.949-.895-1.56-.929c-.438-.024-1.092.132-1.613.641c-.36.351-.786 1.006-.777 2.132a3.2 3.2 0 0 0 1.091 2.416c.213.187.486.378.831.543a12 12 0 0 1-1.946 2.594c-1.095-.89-1.744-2.556-2.104-3.869a19 19 0 0 1-.546-2.962a.25.25 0 0 0-.265-.229l-.476.033l.72-.049l-1.187.081a.253.253 0 0 0-.231.28c.05.531.203 1.803.589 3.218c.297 1.09.673 2.041 1.118 2.827c.584 1.032 1.292 1.79 2.106 2.25a.71.71 0 0 0 .807-.076c.026-.022.644-.545 1.385-1.464a13.4 13.4 0 0 0 1.459-2.23a7.3 7.3 0 0 0 1.775-.006a.283.283 0 0 0 .243-.322z"/><path d="M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 2C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10"/></g></svg> </template>
CSS
.icon-vine-circle {
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%22-2%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.613%209.925a.28.28%200%200%200-.306-.242a3%203%200%200%201-.338.021c-.728%200-1.767-.056-2.409-.494a1.72%201.72%200%200%201-.749-1.435c-.003-.48.108-.835.332-1.054a.82.82%200%200%201%20.54-.234a.6.6%200%200%201%20.445.288c.136.204.304.67.093%201.624a.21.21%200%200%200%20.128.241c.333.126.753.178%201.078.198c.1.006.19-.063.21-.163q.147-.691.122-1.274c-.026-.568-.174-1.06-.44-1.458c-.366-.548-.949-.895-1.56-.929c-.438-.024-1.092.132-1.613.641c-.36.351-.786%201.006-.777%202.132a3.2%203.2%200%200%200%201.091%202.416c.213.187.486.378.831.543a12%2012%200%200%201-1.946%202.594c-1.095-.89-1.744-2.556-2.104-3.869a19%2019%200%200%201-.546-2.962a.25.25%200%200%200-.265-.229l-.476.033l.72-.049l-1.187.081a.253.253%200%200%200-.231.28c.05.531.203%201.803.589%203.218c.297%201.09.673%202.041%201.118%202.827c.584%201.032%201.292%201.79%202.106%202.25a.71.71%200%200%200%20.807-.076c.026-.022.644-.545%201.385-1.464a13.4%2013.4%200%200%200%201.459-2.23a7.3%207.3%200%200%200%201.775-.006a.283.283%200%200%200%20.243-.322z%22%2F%3E%3Cpath%20d%3D%22M10%2018a8%208%200%201%200%200-16a8%208%200%200%200%200%2016m0%202C4.477%2020%200%2015.523%200%2010S4.477%200%2010%200s10%204.477%2010%2010s-4.477%2010-10%2010%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%22-2%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.613%209.925a.28.28%200%200%200-.306-.242a3%203%200%200%201-.338.021c-.728%200-1.767-.056-2.409-.494a1.72%201.72%200%200%201-.749-1.435c-.003-.48.108-.835.332-1.054a.82.82%200%200%201%20.54-.234a.6.6%200%200%201%20.445.288c.136.204.304.67.093%201.624a.21.21%200%200%200%20.128.241c.333.126.753.178%201.078.198c.1.006.19-.063.21-.163q.147-.691.122-1.274c-.026-.568-.174-1.06-.44-1.458c-.366-.548-.949-.895-1.56-.929c-.438-.024-1.092.132-1.613.641c-.36.351-.786%201.006-.777%202.132a3.2%203.2%200%200%200%201.091%202.416c.213.187.486.378.831.543a12%2012%200%200%201-1.946%202.594c-1.095-.89-1.744-2.556-2.104-3.869a19%2019%200%200%201-.546-2.962a.25.25%200%200%200-.265-.229l-.476.033l.72-.049l-1.187.081a.253.253%200%200%200-.231.28c.05.531.203%201.803.589%203.218c.297%201.09.673%202.041%201.118%202.827c.584%201.032%201.292%201.79%202.106%202.25a.71.71%200%200%200%20.807-.076c.026-.022.644-.545%201.385-1.464a13.4%2013.4%200%200%200%201.459-2.23a7.3%207.3%200%200%200%201.775-.006a.283.283%200%200%200%20.243-.322z%22%2F%3E%3Cpath%20d%3D%22M10%2018a8%208%200%201%200%200-16a8%208%200%200%200%200%2016m0%202C4.477%2020%200%2015.523%200%2010S4.477%200%2010%200s10%204.477%2010%2010s-4.477%2010-10%2010%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/vine-circle.svg?color=%231a73e8&size=48
