v logo
v-light from Skill Icons by tandpfun · Light · MIT Free for personal and commercial use.
- Name
- v-light
- Set
- Skill Icons
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
The same logo in other sets
Use the v logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#536b8a" d="m159.907 222.623l67.748-188.394c1.148-3.195-.662-5.524-4.042-5.199l-53.278 5.133c-3.379.326-7.03 3.193-8.146 6.399L99.482 220.606c-1.118 3.206.732 5.809 4.127 5.809h51.858c1.697 0 3.542-1.297 4.117-2.895z"/><g filter="url(#SVGOWQqPbFR)"><path fill="#000" d="m152.178 223.52l-28.207-81.485l4.029-2.519l28.711 83.107z"/></g><path fill="#5d87bf" d="m32.387 29.03l53.278 5.133c3.38.326 7.034 3.192 8.156 6.396l64.034 182.953c.56 1.602-.363 2.903-2.061 2.903h-52.185c-3.395 0-7.085-2.594-8.234-5.789L28.345 34.229c-1.148-3.195.662-5.524 4.042-5.199"/><defs><filter id="SVGOWQqPbFR" width="58.502" height="109.765" x="111.09" y="126.635" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_148_1044" stdDeviation="6.44"/></filter></defs></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsVLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#536b8a" d="m159.907 222.623l67.748-188.394c1.148-3.195-.662-5.524-4.042-5.199l-53.278 5.133c-3.379.326-7.03 3.193-8.146 6.399L99.482 220.606c-1.118 3.206.732 5.809 4.127 5.809h51.858c1.697 0 3.542-1.297 4.117-2.895z"/><g filter="url(#SVGOWQqPbFR)"><path fill="#000" d="m152.178 223.52l-28.207-81.485l4.029-2.519l28.711 83.107z"/></g><path fill="#5d87bf" d="m32.387 29.03l53.278 5.133c3.38.326 7.034 3.192 8.156 6.396l64.034 182.953c.56 1.602-.363 2.903-2.061 2.903h-52.185c-3.395 0-7.085-2.594-8.234-5.789L28.345 34.229c-1.148-3.195.662-5.524 4.042-5.199"/><defs><filter id="SVGOWQqPbFR" width="58.502" height="109.765" x="111.09" y="126.635" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_148_1044" stdDeviation="6.44"/></filter></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#536b8a" d="m159.907 222.623l67.748-188.394c1.148-3.195-.662-5.524-4.042-5.199l-53.278 5.133c-3.379.326-7.03 3.193-8.146 6.399L99.482 220.606c-1.118 3.206.732 5.809 4.127 5.809h51.858c1.697 0 3.542-1.297 4.117-2.895z"/><g filter="url(#SVGOWQqPbFR)"><path fill="#000" d="m152.178 223.52l-28.207-81.485l4.029-2.519l28.711 83.107z"/></g><path fill="#5d87bf" d="m32.387 29.03l53.278 5.133c3.38.326 7.034 3.192 8.156 6.396l64.034 182.953c.56 1.602-.363 2.903-2.061 2.903h-52.185c-3.395 0-7.085-2.594-8.234-5.789L28.345 34.229c-1.148-3.195.662-5.524 4.042-5.199"/><defs><filter id="SVGOWQqPbFR" width="58.502" height="109.765" x="111.09" y="126.635" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_148_1044" stdDeviation="6.44"/></filter></defs></g></svg> </template>
CSS
.icon-v-light {
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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23536b8a%22%20d%3D%22m159.907%20222.623l67.748-188.394c1.148-3.195-.662-5.524-4.042-5.199l-53.278%205.133c-3.379.326-7.03%203.193-8.146%206.399L99.482%20220.606c-1.118%203.206.732%205.809%204.127%205.809h51.858c1.697%200%203.542-1.297%204.117-2.895z%22%2F%3E%3Cg%20filter%3D%22url(%23SVGOWQqPbFR)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m152.178%20223.52l-28.207-81.485l4.029-2.519l28.711%2083.107z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%235d87bf%22%20d%3D%22m32.387%2029.03l53.278%205.133c3.38.326%207.034%203.192%208.156%206.396l64.034%20182.953c.56%201.602-.363%202.903-2.061%202.903h-52.185c-3.395%200-7.085-2.594-8.234-5.789L28.345%2034.229c-1.148-3.195.662-5.524%204.042-5.199%22%2F%3E%3Cdefs%3E%3Cfilter%20id%3D%22SVGOWQqPbFR%22%20width%3D%2258.502%22%20height%3D%22109.765%22%20x%3D%22111.09%22%20y%3D%22126.635%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_148_1044%22%20stdDeviation%3D%226.44%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%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%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23536b8a%22%20d%3D%22m159.907%20222.623l67.748-188.394c1.148-3.195-.662-5.524-4.042-5.199l-53.278%205.133c-3.379.326-7.03%203.193-8.146%206.399L99.482%20220.606c-1.118%203.206.732%205.809%204.127%205.809h51.858c1.697%200%203.542-1.297%204.117-2.895z%22%2F%3E%3Cg%20filter%3D%22url(%23SVGOWQqPbFR)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m152.178%20223.52l-28.207-81.485l4.029-2.519l28.711%2083.107z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%235d87bf%22%20d%3D%22m32.387%2029.03l53.278%205.133c3.38.326%207.034%203.192%208.156%206.396l64.034%20182.953c.56%201.602-.363%202.903-2.061%202.903h-52.185c-3.395%200-7.085-2.594-8.234-5.789L28.345%2034.229c-1.148-3.195.662-5.524%204.042-5.199%22%2F%3E%3Cdefs%3E%3Cfilter%20id%3D%22SVGOWQqPbFR%22%20width%3D%2258.502%22%20height%3D%22109.765%22%20x%3D%22111.09%22%20y%3D%22126.635%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_148_1044%22%20stdDeviation%3D%226.44%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/v-light.svg?color=%231a73e8&size=48
