vine icon
vine from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- vine
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Jam Icons
Use the vine icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2.5 -2 24 24"><path fill="currentColor" d="M18.74 9.818a.56.56 0 0 0-.611-.484a6 6 0 0 1-.676.043c-1.454 0-3.53-.112-4.813-.988a4 4 0 0 1-.318-.25c-.963-.847-1.172-1.89-1.178-2.617c-.008-.96.215-1.67.661-2.105a1.65 1.65 0 0 1 1.079-.469c.053.003.536.044.89.575c.273.409.608 1.34.186 3.245a.42.42 0 0 0 .256.483c.666.252 1.504.355 2.153.395c.2.012.38-.126.422-.326q.293-1.381.242-2.545c-.05-1.136-.346-2.117-.879-2.914C15.424.765 14.258.07 13.038.005c-.876-.048-2.184.263-3.225 1.28c-.718.702-1.57 2.011-1.551 4.261c.015 1.89.79 3.604 2.18 4.827c.425.374.97.757 1.66 1.085a23.8 23.8 0 0 1-3.888 5.184c-2.19-1.778-3.485-5.106-4.206-7.73a37 37 0 0 1-1.091-5.92a.5.5 0 0 0-.53-.457l-.951.066l1.438-.098l-2.37.162a.506.506 0 0 0-.462.557a40 40 0 0 0 1.176 6.433c.594 2.178 1.346 4.078 2.234 5.649c1.168 2.063 2.584 3.575 4.21 4.495a1.41 1.41 0 0 0 1.613-.151c.052-.044 1.285-1.089 2.767-2.926a27 27 0 0 0 2.316-3.36q.316-.543.598-1.094c1.013.13 2.188.145 3.548-.013a.565.565 0 0 0 .486-.645z"/></svg>
React
import type { SVGProps } from "react";
export function JamVine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2.5 -2 24 24"><path fill="currentColor" d="M18.74 9.818a.56.56 0 0 0-.611-.484a6 6 0 0 1-.676.043c-1.454 0-3.53-.112-4.813-.988a4 4 0 0 1-.318-.25c-.963-.847-1.172-1.89-1.178-2.617c-.008-.96.215-1.67.661-2.105a1.65 1.65 0 0 1 1.079-.469c.053.003.536.044.89.575c.273.409.608 1.34.186 3.245a.42.42 0 0 0 .256.483c.666.252 1.504.355 2.153.395c.2.012.38-.126.422-.326q.293-1.381.242-2.545c-.05-1.136-.346-2.117-.879-2.914C15.424.765 14.258.07 13.038.005c-.876-.048-2.184.263-3.225 1.28c-.718.702-1.57 2.011-1.551 4.261c.015 1.89.79 3.604 2.18 4.827c.425.374.97.757 1.66 1.085a23.8 23.8 0 0 1-3.888 5.184c-2.19-1.778-3.485-5.106-4.206-7.73a37 37 0 0 1-1.091-5.92a.5.5 0 0 0-.53-.457l-.951.066l1.438-.098l-2.37.162a.506.506 0 0 0-.462.557a40 40 0 0 0 1.176 6.433c.594 2.178 1.346 4.078 2.234 5.649c1.168 2.063 2.584 3.575 4.21 4.495a1.41 1.41 0 0 0 1.613-.151c.052-.044 1.285-1.089 2.767-2.926a27 27 0 0 0 2.316-3.36q.316-.543.598-1.094c1.013.13 2.188.145 3.548-.013a.565.565 0 0 0 .486-.645z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2.5 -2 24 24"><path fill="currentColor" d="M18.74 9.818a.56.56 0 0 0-.611-.484a6 6 0 0 1-.676.043c-1.454 0-3.53-.112-4.813-.988a4 4 0 0 1-.318-.25c-.963-.847-1.172-1.89-1.178-2.617c-.008-.96.215-1.67.661-2.105a1.65 1.65 0 0 1 1.079-.469c.053.003.536.044.89.575c.273.409.608 1.34.186 3.245a.42.42 0 0 0 .256.483c.666.252 1.504.355 2.153.395c.2.012.38-.126.422-.326q.293-1.381.242-2.545c-.05-1.136-.346-2.117-.879-2.914C15.424.765 14.258.07 13.038.005c-.876-.048-2.184.263-3.225 1.28c-.718.702-1.57 2.011-1.551 4.261c.015 1.89.79 3.604 2.18 4.827c.425.374.97.757 1.66 1.085a23.8 23.8 0 0 1-3.888 5.184c-2.19-1.778-3.485-5.106-4.206-7.73a37 37 0 0 1-1.091-5.92a.5.5 0 0 0-.53-.457l-.951.066l1.438-.098l-2.37.162a.506.506 0 0 0-.462.557a40 40 0 0 0 1.176 6.433c.594 2.178 1.346 4.078 2.234 5.649c1.168 2.063 2.584 3.575 4.21 4.495a1.41 1.41 0 0 0 1.613-.151c.052-.044 1.285-1.089 2.767-2.926a27 27 0 0 0 2.316-3.36q.316-.543.598-1.094c1.013.13 2.188.145 3.548-.013a.565.565 0 0 0 .486-.645z"/></svg> </template>
CSS
.icon-vine {
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.5%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.74%209.818a.56.56%200%200%200-.611-.484a6%206%200%200%201-.676.043c-1.454%200-3.53-.112-4.813-.988a4%204%200%200%201-.318-.25c-.963-.847-1.172-1.89-1.178-2.617c-.008-.96.215-1.67.661-2.105a1.65%201.65%200%200%201%201.079-.469c.053.003.536.044.89.575c.273.409.608%201.34.186%203.245a.42.42%200%200%200%20.256.483c.666.252%201.504.355%202.153.395c.2.012.38-.126.422-.326q.293-1.381.242-2.545c-.05-1.136-.346-2.117-.879-2.914C15.424.765%2014.258.07%2013.038.005c-.876-.048-2.184.263-3.225%201.28c-.718.702-1.57%202.011-1.551%204.261c.015%201.89.79%203.604%202.18%204.827c.425.374.97.757%201.66%201.085a23.8%2023.8%200%200%201-3.888%205.184c-2.19-1.778-3.485-5.106-4.206-7.73a37%2037%200%200%201-1.091-5.92a.5.5%200%200%200-.53-.457l-.951.066l1.438-.098l-2.37.162a.506.506%200%200%200-.462.557a40%2040%200%200%200%201.176%206.433c.594%202.178%201.346%204.078%202.234%205.649c1.168%202.063%202.584%203.575%204.21%204.495a1.41%201.41%200%200%200%201.613-.151c.052-.044%201.285-1.089%202.767-2.926a27%2027%200%200%200%202.316-3.36q.316-.543.598-1.094c1.013.13%202.188.145%203.548-.013a.565.565%200%200%200%20.486-.645z%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%22-2.5%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.74%209.818a.56.56%200%200%200-.611-.484a6%206%200%200%201-.676.043c-1.454%200-3.53-.112-4.813-.988a4%204%200%200%201-.318-.25c-.963-.847-1.172-1.89-1.178-2.617c-.008-.96.215-1.67.661-2.105a1.65%201.65%200%200%201%201.079-.469c.053.003.536.044.89.575c.273.409.608%201.34.186%203.245a.42.42%200%200%200%20.256.483c.666.252%201.504.355%202.153.395c.2.012.38-.126.422-.326q.293-1.381.242-2.545c-.05-1.136-.346-2.117-.879-2.914C15.424.765%2014.258.07%2013.038.005c-.876-.048-2.184.263-3.225%201.28c-.718.702-1.57%202.011-1.551%204.261c.015%201.89.79%203.604%202.18%204.827c.425.374.97.757%201.66%201.085a23.8%2023.8%200%200%201-3.888%205.184c-2.19-1.778-3.485-5.106-4.206-7.73a37%2037%200%200%201-1.091-5.92a.5.5%200%200%200-.53-.457l-.951.066l1.438-.098l-2.37.162a.506.506%200%200%200-.462.557a40%2040%200%200%200%201.176%206.433c.594%202.178%201.346%204.078%202.234%205.649c1.168%202.063%202.584%203.575%204.21%204.495a1.41%201.41%200%200%200%201.613-.151c.052-.044%201.285-1.089%202.767-2.926a27%2027%200%200%200%202.316-3.36q.316-.543.598-1.094c1.013.13%202.188.145%203.548-.013a.565.565%200%200%200%20.486-.645z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/vine.svg?color=%231a73e8&size=48
