Иконка Twake Drive
selfhst:twake-drive
Иконка Twake Drive (selfhst:twake-drive) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
- Теги
- twakedrive
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGIDuCfeHm" x1="457.22" x2="318.602" y1="662.468" y2="573.968" gradientTransform="translate(0 -278)" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#a033ff"/><stop offset=".61" stop-color="#0094ff"/><stop offset="1" stop-color="#ff4759"/></linearGradient><path fill="url(#SVGIDuCfeHm)" d="M0 169.1C0 75.7 75.7 0 169.1 0h173.8C436.3 0 512 75.7 512 169.1v173.8c0 93.4-75.7 169.1-169.1 169.1H169.1C75.7 512 0 436.3 0 342.9z"/><linearGradient id="SVG1Xhnye6G" x1="290.134" x2="130.134" y1="465.733" y2="785.733" gradientTransform="translate(0 -278)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffd600" stop-opacity="0"/><stop offset=".563" stop-color="#ffc700"/></linearGradient><path fill="url(#SVG1Xhnye6G)" d="M0 169.1C0 75.7 75.7 0 169.1 0h173.8C436.3 0 512 75.7 512 169.1v173.8c0 93.4-75.7 169.1-169.1 169.1H169.1C75.7 512 0 436.3 0 342.9z"/><path fill="#fff" d="M311.6 128c-55.1 0-102.3 33.4-122.6 81c-.7-.2-1.4-.5-2.1-.7q-2.25-.75-4.5-1.2c-1.5-.4-3-.7-4.6-1c-1.5-.3-3.1-.6-4.6-.8s-3.1-.4-4.6-.6c-1.6-.2-3.1-.3-4.7-.3c-1.6-.1-3.1-.1-4.7-.1s-3.1 0-4.7.1s-3.1.2-4.7.3c-1.6.2-3.1.3-4.6.6c-1.5.2-3.1.5-4.6.8s-3 .6-4.6 1l-4.5 1.2c-1.5.5-3 .9-4.4 1.5c-1.5.5-2.9 1.1-4.4 1.7c-1.4.6-2.9 1.2-4.3 1.9l-4.2 2.1c-1.4.7-2.7 1.5-4.1 2.3c-1.3.8-2.7 1.6-3.9 2.5c-1.3.9-2.6 1.8-3.8 2.7c-1.3.9-2.5 1.9-3.7 2.9s-2.4 2-3.5 3.1c-1.2 1-2.3 2.1-3.4 3.2s-2.2 2.2-3.2 3.4s-2.1 2.3-3.1 3.5s-1.9 2.4-2.9 3.7c-.9 1.3-1.8 2.5-2.7 3.8s-1.7 2.6-2.5 3.9s-1.6 2.7-2.3 4.1l-2.1 4.2c-.7 1.4-1.3 2.8-1.9 4.3c-.6 1.4-1.2 2.9-1.7 4.4s-1 2.9-1.5 4.4s-.9 3-1.2 4.5c-.4 1.5-.7 3-1 4.6c-.3 1.5-.6 3.1-.8 4.6s-.4 3.1-.6 4.6c-.2 1.6-.3 3.1-.3 4.7c-.1 1.6-.1 3.1-.1 4.7s0 3.1.1 4.7s.2 3.1.3 4.7c.2 1.6.3 3.1.6 4.6c.2 1.5.5 3.1.8 4.6s.6 3 1 4.6l1.2 4.5c.5 1.5.9 3 1.5 4.4c.5 1.5 1.1 2.9 1.7 4.4c.6 1.4 1.2 2.9 1.9 4.3l2.1 4.2c.7 1.4 1.5 2.7 2.3 4.1c.8 1.3 1.6 2.7 2.5 4s1.8 2.6 2.7 3.8c.9 1.3 1.9 2.5 2.9 3.7s2 2.4 3.1 3.5c1 1.2 2.1 2.3 3.2 3.4s2.2 2.2 3.4 3.2s2.3 2.1 3.5 3.1s2.4 1.9 3.7 2.9c1.3.9 2.5 1.8 3.8 2.7s2.6 1.7 3.9 2.5s2.7 1.6 4.1 2.3l4.2 2.1c1.4.7 2.8 1.3 4.3 1.9c1.4.6 2.9 1.2 4.4 1.7s2.9 1 4.4 1.5s3 .9 4.5 1.2c1.5.4 3 .7 4.6 1c1.5.3 3.1.6 4.6.8s3.1.4 4.6.6c1.6.2 3.1.3 4.7.3c1.6.1 3.1.1 4.7.1h152.4c73.6 0 133.3-59.7 133.3-133.3c.1-74-59.6-133.7-133.3-133.7"/></svg>Как использовать иконку Twake Drive
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:twake-drive" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:twake-drive" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:twake-drive" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--twake-drive]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:twake-drive"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:twake-drive"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/twake-drive.svg" alt="Иконка Twake Drive" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Twake Drive
Можно ли бесплатно использовать иконку Twake Drive в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Twake Drive в React?
Установите @iconify/react и выведите <Icon icon="selfhst:twake-drive" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Twake Drive на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/twake-drive.svg" alt="Иконка Twake Drive">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.