ink logo
ink from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- ink
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the ink logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGwNwW4pEC" x1="38.264%" x2="58.004%" y1="9.702%" y2="40.206%"><stop offset="0%" stop-color="#db221a"/><stop offset="100%" stop-color="#9e020b"/></linearGradient><linearGradient id="SVG0lzDTWFn" x1="0%" x2="59.127%" y1="58.373%" y2="44.552%"><stop offset="0%" stop-color="#87d152"/><stop offset="100%" stop-color="#5ca82c"/></linearGradient><linearGradient id="SVGX7eJTdyc" x1="55.987%" x2="47.766%" y1="94.205%" y2="50%"><stop offset="0%" stop-color="#39be90"/><stop offset="100%" stop-color="#2c8a72"/></linearGradient></defs><path fill="url(#SVGwNwW4pEC)" d="m25.549 25.331l1.123 4.457l41.545 41.77L110.66 28.89l.344-3.559z"/><path fill="#f6b937" d="m68.131 67.84l-.663 2.595l23.206 96.788l39.524-39.523l-59.286-59.511z"/><path fill="#ffd500" d="m185.89 67.59l40.422-40.572l4.357-1.251v84.192l-3.458-.449z"/><path fill="#fff67d" d="m136.189 0l94.48 25.767l-42.29 41.854l-8.907 4.805l-80.85 20.64l-7.142-1.869L68.131 67.84z"/><path fill="#5acda5" d="m188.379 67.621l-3.387 1.616l-21.259 20.66l.48 1.89l-.63 2.751l22.457 89.828l1.902 3.139l.194 2.25l39.524 39.374l2.936 1.031L256 135.388z"/><path fill="url(#SVG0lzDTWFn)" d="M25.913 145.433v84.872l5.026-1.101l41.32-41.917l-43.341-40.948z"/><path fill="#afe682" d="m25.913 230.305l42.436-43.018l3.91-1.986l92.297-22.906l23.386 25.11l-1.041 2.4l-37.391 38.738l-3.504 1.436l-25.03 25.411z"/><path fill="#7dd769" d="m164.213 91.787l-3.362 1.891l-32.113 31.551l-.629 2.662l59.833 59.614z"/><path fill="#aadc50" d="m188.379 67.621l-60.27 60.27L91.48 91.197z"/><path fill="url(#SVGX7eJTdyc)" d="m146.088 230.16l41.854-42.655l42.654 42.655z"/><path fill="#dc4b1e" d="m0 120.248l68.349 67.039l3.236-1.761l20.773-18.078l-.789-3.235L68.131 67.84L25.549 25.331z"/><path fill="#aabe55" d="m68.349 187.287l59.76-59.396l36.395 36.249z"/></svg>
React
import type { SVGProps } from "react";
export function LogosInk(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGwNwW4pEC" x1="38.264%" x2="58.004%" y1="9.702%" y2="40.206%"><stop offset="0%" stopColor="#db221a"/><stop offset="100%" stopColor="#9e020b"/></linearGradient><linearGradient id="SVG0lzDTWFn" x1="0%" x2="59.127%" y1="58.373%" y2="44.552%"><stop offset="0%" stopColor="#87d152"/><stop offset="100%" stopColor="#5ca82c"/></linearGradient><linearGradient id="SVGX7eJTdyc" x1="55.987%" x2="47.766%" y1="94.205%" y2="50%"><stop offset="0%" stopColor="#39be90"/><stop offset="100%" stopColor="#2c8a72"/></linearGradient></defs><path fill="url(#SVGwNwW4pEC)" d="m25.549 25.331l1.123 4.457l41.545 41.77L110.66 28.89l.344-3.559z"/><path fill="#f6b937" d="m68.131 67.84l-.663 2.595l23.206 96.788l39.524-39.523l-59.286-59.511z"/><path fill="#ffd500" d="m185.89 67.59l40.422-40.572l4.357-1.251v84.192l-3.458-.449z"/><path fill="#fff67d" d="m136.189 0l94.48 25.767l-42.29 41.854l-8.907 4.805l-80.85 20.64l-7.142-1.869L68.131 67.84z"/><path fill="#5acda5" d="m188.379 67.621l-3.387 1.616l-21.259 20.66l.48 1.89l-.63 2.751l22.457 89.828l1.902 3.139l.194 2.25l39.524 39.374l2.936 1.031L256 135.388z"/><path fill="url(#SVG0lzDTWFn)" d="M25.913 145.433v84.872l5.026-1.101l41.32-41.917l-43.341-40.948z"/><path fill="#afe682" d="m25.913 230.305l42.436-43.018l3.91-1.986l92.297-22.906l23.386 25.11l-1.041 2.4l-37.391 38.738l-3.504 1.436l-25.03 25.411z"/><path fill="#7dd769" d="m164.213 91.787l-3.362 1.891l-32.113 31.551l-.629 2.662l59.833 59.614z"/><path fill="#aadc50" d="m188.379 67.621l-60.27 60.27L91.48 91.197z"/><path fill="url(#SVGX7eJTdyc)" d="m146.088 230.16l41.854-42.655l42.654 42.655z"/><path fill="#dc4b1e" d="m0 120.248l68.349 67.039l3.236-1.761l20.773-18.078l-.789-3.235L68.131 67.84L25.549 25.331z"/><path fill="#aabe55" d="m68.349 187.287l59.76-59.396l36.395 36.249z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGwNwW4pEC" x1="38.264%" x2="58.004%" y1="9.702%" y2="40.206%"><stop offset="0%" stop-color="#db221a"/><stop offset="100%" stop-color="#9e020b"/></linearGradient><linearGradient id="SVG0lzDTWFn" x1="0%" x2="59.127%" y1="58.373%" y2="44.552%"><stop offset="0%" stop-color="#87d152"/><stop offset="100%" stop-color="#5ca82c"/></linearGradient><linearGradient id="SVGX7eJTdyc" x1="55.987%" x2="47.766%" y1="94.205%" y2="50%"><stop offset="0%" stop-color="#39be90"/><stop offset="100%" stop-color="#2c8a72"/></linearGradient></defs><path fill="url(#SVGwNwW4pEC)" d="m25.549 25.331l1.123 4.457l41.545 41.77L110.66 28.89l.344-3.559z"/><path fill="#f6b937" d="m68.131 67.84l-.663 2.595l23.206 96.788l39.524-39.523l-59.286-59.511z"/><path fill="#ffd500" d="m185.89 67.59l40.422-40.572l4.357-1.251v84.192l-3.458-.449z"/><path fill="#fff67d" d="m136.189 0l94.48 25.767l-42.29 41.854l-8.907 4.805l-80.85 20.64l-7.142-1.869L68.131 67.84z"/><path fill="#5acda5" d="m188.379 67.621l-3.387 1.616l-21.259 20.66l.48 1.89l-.63 2.751l22.457 89.828l1.902 3.139l.194 2.25l39.524 39.374l2.936 1.031L256 135.388z"/><path fill="url(#SVG0lzDTWFn)" d="M25.913 145.433v84.872l5.026-1.101l41.32-41.917l-43.341-40.948z"/><path fill="#afe682" d="m25.913 230.305l42.436-43.018l3.91-1.986l92.297-22.906l23.386 25.11l-1.041 2.4l-37.391 38.738l-3.504 1.436l-25.03 25.411z"/><path fill="#7dd769" d="m164.213 91.787l-3.362 1.891l-32.113 31.551l-.629 2.662l59.833 59.614z"/><path fill="#aadc50" d="m188.379 67.621l-60.27 60.27L91.48 91.197z"/><path fill="url(#SVGX7eJTdyc)" d="m146.088 230.16l41.854-42.655l42.654 42.655z"/><path fill="#dc4b1e" d="m0 120.248l68.349 67.039l3.236-1.761l20.773-18.078l-.789-3.235L68.131 67.84L25.549 25.331z"/><path fill="#aabe55" d="m68.349 187.287l59.76-59.396l36.395 36.249z"/></svg> </template>
CSS
.icon-ink {
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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwNwW4pEC%22%20x1%3D%2238.264%25%22%20x2%3D%2258.004%25%22%20y1%3D%229.702%25%22%20y2%3D%2240.206%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23db221a%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%239e020b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0lzDTWFn%22%20x1%3D%220%25%22%20x2%3D%2259.127%25%22%20y1%3D%2258.373%25%22%20y2%3D%2244.552%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2387d152%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%235ca82c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGX7eJTdyc%22%20x1%3D%2255.987%25%22%20x2%3D%2247.766%25%22%20y1%3D%2294.205%25%22%20y2%3D%2250%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2339be90%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232c8a72%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGwNwW4pEC)%22%20d%3D%22m25.549%2025.331l1.123%204.457l41.545%2041.77L110.66%2028.89l.344-3.559z%22%2F%3E%3Cpath%20fill%3D%22%23f6b937%22%20d%3D%22m68.131%2067.84l-.663%202.595l23.206%2096.788l39.524-39.523l-59.286-59.511z%22%2F%3E%3Cpath%20fill%3D%22%23ffd500%22%20d%3D%22m185.89%2067.59l40.422-40.572l4.357-1.251v84.192l-3.458-.449z%22%2F%3E%3Cpath%20fill%3D%22%23fff67d%22%20d%3D%22m136.189%200l94.48%2025.767l-42.29%2041.854l-8.907%204.805l-80.85%2020.64l-7.142-1.869L68.131%2067.84z%22%2F%3E%3Cpath%20fill%3D%22%235acda5%22%20d%3D%22m188.379%2067.621l-3.387%201.616l-21.259%2020.66l.48%201.89l-.63%202.751l22.457%2089.828l1.902%203.139l.194%202.25l39.524%2039.374l2.936%201.031L256%20135.388z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0lzDTWFn)%22%20d%3D%22M25.913%20145.433v84.872l5.026-1.101l41.32-41.917l-43.341-40.948z%22%2F%3E%3Cpath%20fill%3D%22%23afe682%22%20d%3D%22m25.913%20230.305l42.436-43.018l3.91-1.986l92.297-22.906l23.386%2025.11l-1.041%202.4l-37.391%2038.738l-3.504%201.436l-25.03%2025.411z%22%2F%3E%3Cpath%20fill%3D%22%237dd769%22%20d%3D%22m164.213%2091.787l-3.362%201.891l-32.113%2031.551l-.629%202.662l59.833%2059.614z%22%2F%3E%3Cpath%20fill%3D%22%23aadc50%22%20d%3D%22m188.379%2067.621l-60.27%2060.27L91.48%2091.197z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGX7eJTdyc)%22%20d%3D%22m146.088%20230.16l41.854-42.655l42.654%2042.655z%22%2F%3E%3Cpath%20fill%3D%22%23dc4b1e%22%20d%3D%22m0%20120.248l68.349%2067.039l3.236-1.761l20.773-18.078l-.789-3.235L68.131%2067.84L25.549%2025.331z%22%2F%3E%3Cpath%20fill%3D%22%23aabe55%22%20d%3D%22m68.349%20187.287l59.76-59.396l36.395%2036.249z%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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwNwW4pEC%22%20x1%3D%2238.264%25%22%20x2%3D%2258.004%25%22%20y1%3D%229.702%25%22%20y2%3D%2240.206%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23db221a%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%239e020b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0lzDTWFn%22%20x1%3D%220%25%22%20x2%3D%2259.127%25%22%20y1%3D%2258.373%25%22%20y2%3D%2244.552%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2387d152%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%235ca82c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGX7eJTdyc%22%20x1%3D%2255.987%25%22%20x2%3D%2247.766%25%22%20y1%3D%2294.205%25%22%20y2%3D%2250%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2339be90%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232c8a72%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGwNwW4pEC)%22%20d%3D%22m25.549%2025.331l1.123%204.457l41.545%2041.77L110.66%2028.89l.344-3.559z%22%2F%3E%3Cpath%20fill%3D%22%23f6b937%22%20d%3D%22m68.131%2067.84l-.663%202.595l23.206%2096.788l39.524-39.523l-59.286-59.511z%22%2F%3E%3Cpath%20fill%3D%22%23ffd500%22%20d%3D%22m185.89%2067.59l40.422-40.572l4.357-1.251v84.192l-3.458-.449z%22%2F%3E%3Cpath%20fill%3D%22%23fff67d%22%20d%3D%22m136.189%200l94.48%2025.767l-42.29%2041.854l-8.907%204.805l-80.85%2020.64l-7.142-1.869L68.131%2067.84z%22%2F%3E%3Cpath%20fill%3D%22%235acda5%22%20d%3D%22m188.379%2067.621l-3.387%201.616l-21.259%2020.66l.48%201.89l-.63%202.751l22.457%2089.828l1.902%203.139l.194%202.25l39.524%2039.374l2.936%201.031L256%20135.388z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0lzDTWFn)%22%20d%3D%22M25.913%20145.433v84.872l5.026-1.101l41.32-41.917l-43.341-40.948z%22%2F%3E%3Cpath%20fill%3D%22%23afe682%22%20d%3D%22m25.913%20230.305l42.436-43.018l3.91-1.986l92.297-22.906l23.386%2025.11l-1.041%202.4l-37.391%2038.738l-3.504%201.436l-25.03%2025.411z%22%2F%3E%3Cpath%20fill%3D%22%237dd769%22%20d%3D%22m164.213%2091.787l-3.362%201.891l-32.113%2031.551l-.629%202.662l59.833%2059.614z%22%2F%3E%3Cpath%20fill%3D%22%23aadc50%22%20d%3D%22m188.379%2067.621l-60.27%2060.27L91.48%2091.197z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGX7eJTdyc)%22%20d%3D%22m146.088%20230.16l41.854-42.655l42.654%2042.655z%22%2F%3E%3Cpath%20fill%3D%22%23dc4b1e%22%20d%3D%22m0%20120.248l68.349%2067.039l3.236-1.761l20.773-18.078l-.789-3.235L68.131%2067.84L25.549%2025.331z%22%2F%3E%3Cpath%20fill%3D%22%23aabe55%22%20d%3D%22m68.349%20187.287l59.76-59.396l36.395%2036.249z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/ink.svg?color=%231a73e8&size=48
