Иконка Zipline
thesvg-color:zipline
Иконка Zipline (thesvg-color:zipline) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 512 × 512. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 512 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="none"><g clip-path="url(#SVGuyku8X7A)"><g filter="url(#SVGupqFybYq)"><rect width="512" height="512" fill="url(#SVGt45upbWO)" rx="256"/></g><mask id="SVG9xfJsbBO" width="312" height="216" x="106" y="154" fill="#000" maskUnits="userSpaceOnUse"><path fill="#fff" d="M106 154h312v216H106z"/><path d="M114.931 228.979v-20.721h90v21.958l-64.639 71.753h68.041V323h-97.732v-23.505l62.784-70.516zM259.954 323H235.83V207.948h24.124zm-27.217-149.072q0-6.186 4.33-10.516q4.64-4.639 11.134-4.639q6.186 0 10.516 4.639q4.639 4.33 4.639 10.516q0 6.495-4.639 11.134q-4.33 4.33-10.516 4.33q-6.495 0-10.825-4.639q-4.638-4.33-4.639-10.825m180.401 90.928q0 25.979-16.083 42.989q-16.082 17.011-38.35 17.011q-21.959 0-39.279-19.176v59.382h-24.123V207.948h24.123v20.104q14.536-21.96 37.423-21.959q23.814 0 39.897 16.392q16.392 16.39 16.392 42.371m-60 38.35q14.845 0 25.051-10.515q10.516-10.825 10.516-27.217t-10.516-27.216q-10.206-10.825-24.742-10.825t-24.433 11.134q-9.897 10.826-9.897 26.907q0 16.392 9.897 27.217q9.897 10.515 24.124 10.515"/></mask><path fill="url(#SVGCcNiybYR)" d="M114.931 228.979v-20.721h90v21.958l-64.639 71.753h68.041V323h-97.732v-23.505l62.784-70.516zM259.954 323H235.83V207.948h24.124zm-27.217-149.072q0-6.186 4.33-10.516q4.64-4.639 11.134-4.639q6.186 0 10.516 4.639q4.639 4.33 4.639 10.516q0 6.495-4.639 11.134q-4.33 4.33-10.516 4.33q-6.495 0-10.825-4.639q-4.638-4.33-4.639-10.825m180.401 90.928q0 25.979-16.083 42.989q-16.082 17.011-38.35 17.011q-21.959 0-39.279-19.176v59.382h-24.123V207.948h24.123v20.104q14.536-21.96 37.423-21.959q23.814 0 39.897 16.392q16.392 16.39 16.392 42.371m-60 38.35q14.845 0 25.051-10.515q10.516-10.825 10.516-27.217t-10.516-27.216q-10.206-10.825-24.742-10.825t-24.433 11.134q-9.897 10.826-9.897 26.907q0 16.392 9.897 27.217q9.897 10.515 24.124 10.515"/><path fill="url(#SVGHu6ahdAE)" d="M114.931 228.979h-4v4h4zm0-20.721v-4h-4v4zm90 0h4v-4h-4zm0 21.958l2.972 2.678l1.028-1.141v-1.537zm-64.639 71.753l-2.972-2.677l-6.015 6.677h8.987zm68.041 0h4v-4h-4zm0 21.031v4h4v-4zm-97.732 0h-4v4h4zm0-23.505l-2.987-2.66l-1.013 1.137v1.523zm62.784-70.516l2.987 2.66l5.93-6.66h-8.917zm-54.454 0v-20.721h-8v20.721zm-4-16.721h90v-8h-90zm86-4v21.958h8v-21.958zm1.028 19.281l-64.639 71.753l5.944 5.354l64.639-71.752zm-61.667 78.43h68.041v-8h-68.041zm64.041-4V323h8v-21.031zm4 17.031h-97.732v8h97.732zm-93.732 4v-23.505h-8V323zm-1.012-20.845l62.783-70.516l-5.975-5.32l-62.783 70.516zm59.796-77.176h-58.454v8h58.454zM259.954 323v4h4v-4zm-24.124 0h-4v4h4zm0-115.052v-4h-4v4zm24.124 0h4v-4h-4zm-22.887-44.536l2.829 2.829zm21.65 0l-2.925 2.73l.095.1l.1.095zm0 21.65l-2.829-2.829zm-21.341-.309l2.925-2.73l-.094-.101l-.101-.094zM259.954 319H235.83v8h24.124zm-20.124 4V207.948h-8V323zm-4-111.052h24.124v-8H235.83zm20.124-4V323h8V207.948zm-19.217-34.02c0-3.075 1.031-5.559 3.159-7.687l-5.657-5.657c-3.646 3.645-5.502 8.171-5.502 13.344zm3.159-7.687c2.351-2.351 5.048-3.468 8.305-3.468v-8c-5.403 0-10.128 1.977-13.962 5.811zm8.305-3.468c2.983 0 5.439 1.063 7.591 3.369l5.849-5.459c-3.621-3.879-8.175-5.91-13.44-5.91zm7.786 3.564c2.306 2.152 3.369 4.608 3.369 7.591h8c0-5.265-2.031-9.819-5.91-13.44zm3.369 7.591c0 3.257-1.117 5.954-3.468 8.305l5.657 5.657c3.834-3.834 5.811-8.559 5.811-13.962zm-3.468 8.305c-2.128 2.128-4.612 3.159-7.687 3.159v8c5.173 0 9.699-1.856 13.344-5.502zm-7.687 3.159c-3.25 0-5.79-1.108-7.9-3.369l-5.849 5.459c3.663 3.924 8.34 5.91 13.749 5.91zm-8.095-3.564c-2.261-2.11-3.369-4.65-3.369-7.9h-8c0 5.409 1.986 10.086 5.91 13.749zm156.949 126.017l2.907 2.748zm-77.629-2.165l2.969-2.681l-6.969-7.715v10.396zm0 59.382v4h4v-4zm-24.123 0h-4v4h4zm0-157.114v-4h-4v4zm24.123 0h4v-4h-4zm0 20.104h-4v13.289l7.336-11.082zm77.32-5.567l-2.855 2.801l.013.013l.014.014zm-18.557 70.206l-2.869-2.787l-.001.001zm0-54.433l-2.91 2.744l.02.021l.021.022zm-49.175.309l2.952 2.699l.019-.021l.019-.021zm0 54.124l-2.952 2.699l.019.021l.02.021zm80.124-27.835c0 16.419-5.049 29.728-14.989 40.241l5.813 5.496c11.503-12.167 17.176-27.518 17.176-45.737zm-14.989 40.241c-10.01 10.587-21.76 15.759-35.444 15.759v8c16.007 0 29.823-6.169 41.257-18.263zm-35.444 15.759c-13.306 0-25.375-5.75-36.31-17.857l-5.937 5.363c12.158 13.46 26.274 20.494 42.247 20.494zm-43.279-15.176v59.382h8V305.68zm4 55.382h-24.123v8h24.123zm-20.123 4V207.948h-8v157.114zm-4-153.114h24.123v-8h-24.123zm20.123-4v20.104h8v-20.104zm7.336 22.311c9.08-13.716 20.391-20.166 34.087-20.166v-8c-16.819 0-30.457 8.189-40.758 23.751zm34.087-20.166c14.847 0 27.103 5.063 37.042 15.193l5.71-5.603c-11.504-11.726-25.846-17.59-42.752-17.59zm37.069 15.22c10.084 10.084 15.22 23.144 15.22 39.543h8c0-18.241-5.792-33.428-17.564-45.2zm-40.78 81.893c10.962 0 20.353-3.932 27.922-11.729l-5.741-5.572c-6.04 6.223-13.35 9.301-22.181 9.301zm27.92-11.728c7.802-8.031 11.647-18.134 11.647-30.004h-8c0 9.986-3.166 18.027-9.385 24.43zm11.647-30.004c0-11.87-3.845-21.973-11.647-30.003l-5.738 5.574c6.219 6.402 9.385 14.444 9.385 24.429zm-11.605-29.96c-7.54-7.997-16.832-12.081-27.653-12.081v8c8.56 0 15.764 3.133 21.832 9.569zm-27.653-12.081c-10.865 0-20.087 4.224-27.423 12.477l5.98 5.314c5.86-6.592 12.927-9.791 21.443-9.791zm-27.385 12.435c-7.339 8.027-10.945 17.99-10.945 29.606h8c0-9.827 2.993-17.802 8.849-24.208zm-10.945 29.606c0 11.8 3.592 21.874 10.945 29.916l5.904-5.398c-5.843-6.391-8.849-14.462-8.849-24.518zm10.984 29.958c7.341 7.8 16.431 11.774 27.037 11.774v-8c-8.363 0-15.356-3.036-21.211-9.257z" mask="url(#SVG9xfJsbBO)"/></g><defs><linearGradient id="SVGCcNiybYR" x1="101" x2="423" y1="240.501" y2="240.5" gradientUnits="userSpaceOnUse"><stop stop-color="#b977f8"/><stop offset="1" stop-color="#57abe3"/></linearGradient><linearGradient id="SVGHu6ahdAE" x1="101" x2="423" y1="240.501" y2="240.5" gradientUnits="userSpaceOnUse"><stop stop-color="#dbb4ff"/><stop offset="1" stop-color="#9cd8ff"/></linearGradient><radialGradient id="SVGt45upbWO" cx="0" cy="0" r="1" gradientTransform="rotate(45 -181.02 437.02)scale(362.039)" gradientUnits="userSpaceOnUse"><stop stop-color="#1d1d1d"/><stop offset="1" stop-color="#0b0b0b"/></radialGradient><clipPath id="SVGuyku8X7A"><path fill="#fff" d="M0 0h512v512H0z"/></clipPath><filter id="SVGupqFybYq" width="512" height="512" x="0" y="0" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feMorphology in="SourceAlpha" radius="35" result="effect1_innerShadow_2207_11"/><feOffset/><feGaussianBlur stdDeviation="125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="shape" result="effect1_innerShadow_2207_11"/></filter></defs></g></svg>Как использовать иконку Zipline
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:zipline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:zipline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:zipline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--zipline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:zipline"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:zipline"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/zipline.svg" alt="Иконка Zipline" width="24" height="24">Иконка Zipline в других наборах
Вопросы и ответы: Иконка Zipline
Можно ли бесплатно использовать иконку Zipline в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Zipline в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:zipline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Zipline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/zipline.svg" alt="Иконка Zipline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.