Icône Twake Drive
selfhst:twake-drive
L'icône Twake Drive (selfhst:twake-drive) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- selfh.st/icons
- Auteur
- selfh.st
- Licence
- CC-BY-4.0
- Taille
- 512 × 512
- Mots-clés
- twakedrive
Code 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>Comment utiliser l'icône 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:twake-drive"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/selfhst/twake-drive.svg" alt="Icône Twake Drive" width="24" height="24">Icônes similaires dans selfh.st/icons
FAQ : Icône Twake Drive
L'icône Twake Drive est-elle gratuite pour un usage commercial ?
Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Twake Drive dans React ?
Installez @iconify/react et affichez <Icon icon="selfhst:twake-drive" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Twake Drive à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/twake-drive.svg" alt="Icône Twake Drive">, ou collez le code SVG directement dans la page pour le styliser en CSS.