How to use the Speedo icon
import { SpeedoLogo } from "@/assets/icons/speedoLogo"
export default function Example() {
return <SpeedoLogo width="32px" height="32px" />
}Brands icon
Speedo JSX Icon
Copy the Speedo icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentSpeedoLogo
FilespeedoLogo.jsx
CategoryBrands
Copy-ready code
Speedo React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1240597115
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const SpeedoLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 440 97.17" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="m695.076 303.036-.342-.728c-.151-.33-.403-.722-.573-.902-.18-.193-.318-.223-.691-.223h-.163l-.012 1.853h-.836l-.012-4.525 2.088-.006c.92.012 1.342.548 1.354 1.282-.006.674-.44 1.167-1.155 1.258l.005.03c.35.126.464.24.903 1.04l.5.921zm-.884-2.575c.59 0 .782-.307.782-.626.006-.391-.313-.614-.878-.608l-.8-.006v1.24zm-3.16.289c.013 1.895 1.445 3.43 3.226 3.442 1.77-.012 3.214-1.559 3.231-3.424-.017-1.896-1.456-3.424-3.243-3.43-1.763.011-3.195 1.534-3.213 3.412m7.221.006c.006 2.353-1.781 4.248-4.002 4.254-2.209.024-4.007-1.907-3.99-4.242-.006-2.347 1.781-4.255 3.996-4.255 2.22 0 3.996 1.884 3.996 4.243M351.233 316.377l-27.091.024c-2.846 0-4.399-.132-6.83 1.318-3.575 1.944-4.423 5.452-4.417 9.093.012 4.808 4.58 5.18 8.852 5.18l16.103-.011c8.707-.006 13.425 5.187 13.425 12.86 0 3.375-.999 6.871-1.57 10.26-.698 4.151-3.136 8.057-6.548 10.933-4.272 3.761-7.546 4.405-13.395 4.411l-31.508.042 1.998-11.193 28.072-.011c7.564-.019 9.839-4.7 9.827-10.935-.006-4.14-2.714-5.18-6.842-5.18l-15.122.012c-8.413 0-15.97-3.762-15.97-12.192-.013-3.653.992-7.426 1.69-11.06.86-4.682 4.14-9.1 8.394-11.831 3.858-2.34 7.847-2.726 12.427-2.744l30.497-.024M421.41 322.16c-1.853 10.67-3.695 21.326-5.549 31.984-1.696 9.477-10.241 16.247-20.784 16.24l-29.101.031-4.116 23.125-12.114.019 12.186-70.947c1.853-10.916 8.696-17.295 21.11-17.313l21.958-.012c9.249-.012 16.825 3.105 16.843 12.588a24.4 24.4 0 0 1-.434 4.285m-12.564.789c0-4.935-3.412-6.614-8.395-6.614l-15.134.006c-6.552.012-10.548 2.87-11.53 8.846l-5.397 31.321c-.144.133-.139.26-.144.391 0 1.559 1.143 2.341 2.852 2.348l22.535-.025c5.844-.006 9.557-3.123 10.55-8.328l4.669-26.513c.144-.385.006-1.03-.006-1.432M616.204 352.392c-.999 5.735-2.84 10.14-8.112 13.648-4.127 2.744-9.543 4.158-14.688 4.188l-21.519.013c-9.43-.013-16.127-3.768-16.139-12.98.024-1.426.138-2.991.44-4.417l5.234-30.527c1.854-10.393 9.977-17.169 21.513-17.175l29.228-.023 5.5-23.012h12.264zm-6.445-33.758c-.005-1.559-.872-2.347-2.575-2.335l-22.524.018c-6.264 0-10.543 3.364-11.541 8.984l-4.26 24.823c-.133 1.15-.41 2.323-.422 3.496 0 4.417 5.013 5.44 8.852 5.434l14.827.006c5.849-.024 11.114-2.738 12.114-8.34l5.536-31.828M688.626 321.564l-5.518 32.339c-.86 5.332-3.28 9.76-8.136 13.004-4.561 2.997-7.974 3.255-13.54 3.255l-21.242.018c-4.988 0-8.834 0-12.685-3.23-2.996-2.589-4.157-5.585-4.134-9.214-.023-1.3.229-2.413.416-4.495l5.626-31.394c2.076-6.39 3.171-10.133 8.177-13.377 4.827-3.135 7.962-3.388 13.793-3.394l21.41-.012c4.694-.012 8.684-.018 12.252 3.238 3.003 2.732 4.002 5.716 3.996 9.477.03 1.3-.133 2.474-.415 3.785m-14.4-3.628c-1.998-1.968-3.996-1.823-6.854-1.836l-15.11.019c-6.421.006-10.255 2.75-11.265 8.586l-4.531 26.123c-.14.776-.133 1.426-.133 2.214-.012 1.697.566 3.112 1.998 4.297 1.998 1.799 3.695 1.673 6.42 1.673l15.971-.037c2.985.019 4.267 0 6.692-1.678 2.563-1.703 3.563-3.52 3.996-6.373l4.525-26.248c.156-.777.145-1.439.138-2.21-.006-1.696-.56-3.243-1.848-4.53M484.787 343.132l-46.877-.073c-.132 1.685-1.432 8.587-1.432 10.152 0 2.064.283 2.99 1.991 4.416 2.293 1.812 4.291 1.559 7.144 1.541l36.22-.03-1.854 11.181-38.633.036c-5.428-.012-9.845-.127-13.991-3.623-2.985-2.473-3.99-5.199-3.995-8.833 0-1.691.15-3.514.433-5.188l5.398-30.81c1.973-11.433 9.952-16.65 22.354-16.65l21.531-.012c8.84-.012 15.689 3.105 15.712 11.927-.012 4.554-3.159 21.404-4.001 25.966m-17.674-26.839h-13.419c-6.553.006-11.824 1.956-12.812 8.335l-1.215 8.755 34.535-.024c.289-.915 1.606-10.591 1.595-11.506.017-4.41-4.706-5.584-8.684-5.56M549.482 343.077l-44.56-.084c-.115 1.703-1.367 8.593-1.349 10.157 0 2.089.265 2.991 1.902 4.423 2.16 1.812 4.062 1.541 6.776 1.541l34.414-.03-1.745 11.174-36.713.025c-5.17.024-9.357-.115-13.293-3.605-2.859-2.491-3.803-5.205-3.809-8.84.006-1.697.127-3.502.391-5.2l5.14-30.791c1.883-11.445 9.47-16.657 21.247-16.657l20.478-.03c8.394.007 14.894 3.111 14.924 11.951.005 4.544-2.991 21.423-3.803 25.966m-16.79-26.862-12.763.024c-6.234.006-11.24 1.95-12.18 8.328l-1.155 8.768 32.814-.03c.277-.915 1.534-10.585 1.54-11.5 0-4.41-4.483-5.566-8.255-5.59" transform="translate(-186.526 -185.347)scale(.69245)"/><path d="M725.949 304.803c-.016.033 145.822 0 145.822 0 5.936-.1 4.931 6.611.53 7.552-.015.032-178.314 57.983-178.314 57.983-4.614 1.7-5.14.326-5.325-.98-.084-1.287.945-2.36 3.055-3.256-.049.037 83.784-41.976 83.784-41.976 4.581-2.4 1.47-4.799.462-4.931.012.036-50.014-11.932-50.014-11.932-2.777-.94-1.95-2.657 0-2.46" transform="translate(-186.526 -185.347)scale(.69245)"/>
</svg>
)
Built for the web
Use it in your stack
This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.
Looking for a similar mark? Browse the related icons below or explore the full brands collection.
Related JSX icons
FAQ
Is the Speedo JSX icon free?
Yes. You can copy the JSX component and use it in React and Next.js projects.
Can I customize it?
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.