tropical storm model tracks icon
tropical-storm-model-tracks from Carbon by IBM · Outline · Planning · Apache-2.0 Free for personal and commercial use.
- Name
- tropical-storm-model-tracks
- Set
- Carbon
- Style
- Outline
- Category
- Planning
- Viewbox
- 32×32
- License
- Apache 2.0
More planning icons from Carbon
accumulation-iceaccumulation-precipitationaccumulation-rainaccumulation-snowagriculture-analyticsairline-digital-gateairline-manage-gatesairline-passenger-careairline-rapid-boardairport-01airport-02airport-locationalarmalarm-addalarm-subtractarray-date-timearray-timearrivalbaggage-claimbarbicyclebootbuoybus
Use the tropical storm model tracks icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10 17a4 4 0 1 1 4-4a4.005 4.005 0 0 1-4 4m0-6a2 2 0 1 0 2 2a2 2 0 0 0-2-2"/><path fill="currentColor" d="M14.819 6.65c.116-.121 1.864-1.919 2.888-2.943A1 1 0 0 0 17 2C11.812 2 2 4.299 2 13a7.9 7.9 0 0 0 3.181 6.35a370 370 0 0 1-2.888 2.943A1 1 0 0 0 3 24c5.188 0 15-2.299 15-11a7.9 7.9 0 0 0-3.181-6.35M9.706 20.793a21 21 0 0 1-4.093.985c.162-.166 2.769-2.905 2.769-2.905l-1.174-.607A5.91 5.91 0 0 1 4 13c0-3.667 2.118-6.289 6.294-7.793a21 21 0 0 1 4.093-.985c-.227.232-2.77 2.905-2.77 2.905l1.176.607A5.91 5.91 0 0 1 16 13c0 3.667-2.118 6.289-6.293 7.793M30 17l-5-5l-5 5l1.413 1.416L24 15.832V19a9.01 9.01 0 0 1-9 9h-3v2h3a11.013 11.013 0 0 0 11-11v-3.168l2.586 2.582Z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonTropicalStormModelTracks(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10 17a4 4 0 1 1 4-4a4.005 4.005 0 0 1-4 4m0-6a2 2 0 1 0 2 2a2 2 0 0 0-2-2"/><path fill="currentColor" d="M14.819 6.65c.116-.121 1.864-1.919 2.888-2.943A1 1 0 0 0 17 2C11.812 2 2 4.299 2 13a7.9 7.9 0 0 0 3.181 6.35a370 370 0 0 1-2.888 2.943A1 1 0 0 0 3 24c5.188 0 15-2.299 15-11a7.9 7.9 0 0 0-3.181-6.35M9.706 20.793a21 21 0 0 1-4.093.985c.162-.166 2.769-2.905 2.769-2.905l-1.174-.607A5.91 5.91 0 0 1 4 13c0-3.667 2.118-6.289 6.294-7.793a21 21 0 0 1 4.093-.985c-.227.232-2.77 2.905-2.77 2.905l1.176.607A5.91 5.91 0 0 1 16 13c0 3.667-2.118 6.289-6.293 7.793M30 17l-5-5l-5 5l1.413 1.416L24 15.832V19a9.01 9.01 0 0 1-9 9h-3v2h3a11.013 11.013 0 0 0 11-11v-3.168l2.586 2.582Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10 17a4 4 0 1 1 4-4a4.005 4.005 0 0 1-4 4m0-6a2 2 0 1 0 2 2a2 2 0 0 0-2-2"/><path fill="currentColor" d="M14.819 6.65c.116-.121 1.864-1.919 2.888-2.943A1 1 0 0 0 17 2C11.812 2 2 4.299 2 13a7.9 7.9 0 0 0 3.181 6.35a370 370 0 0 1-2.888 2.943A1 1 0 0 0 3 24c5.188 0 15-2.299 15-11a7.9 7.9 0 0 0-3.181-6.35M9.706 20.793a21 21 0 0 1-4.093.985c.162-.166 2.769-2.905 2.769-2.905l-1.174-.607A5.91 5.91 0 0 1 4 13c0-3.667 2.118-6.289 6.294-7.793a21 21 0 0 1 4.093-.985c-.227.232-2.77 2.905-2.77 2.905l1.176.607A5.91 5.91 0 0 1 16 13c0 3.667-2.118 6.289-6.293 7.793M30 17l-5-5l-5 5l1.413 1.416L24 15.832V19a9.01 9.01 0 0 1-9 9h-3v2h3a11.013 11.013 0 0 0 11-11v-3.168l2.586 2.582Z"/></svg> </template>
CSS
.icon-tropical-storm-model-tracks {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%2017a4%204%200%201%201%204-4a4.005%204.005%200%200%201-4%204m0-6a2%202%200%201%200%202%202a2%202%200%200%200-2-2%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.819%206.65c.116-.121%201.864-1.919%202.888-2.943A1%201%200%200%200%2017%202C11.812%202%202%204.299%202%2013a7.9%207.9%200%200%200%203.181%206.35a370%20370%200%200%201-2.888%202.943A1%201%200%200%200%203%2024c5.188%200%2015-2.299%2015-11a7.9%207.9%200%200%200-3.181-6.35M9.706%2020.793a21%2021%200%200%201-4.093.985c.162-.166%202.769-2.905%202.769-2.905l-1.174-.607A5.91%205.91%200%200%201%204%2013c0-3.667%202.118-6.289%206.294-7.793a21%2021%200%200%201%204.093-.985c-.227.232-2.77%202.905-2.77%202.905l1.176.607A5.91%205.91%200%200%201%2016%2013c0%203.667-2.118%206.289-6.293%207.793M30%2017l-5-5l-5%205l1.413%201.416L24%2015.832V19a9.01%209.01%200%200%201-9%209h-3v2h3a11.013%2011.013%200%200%200%2011-11v-3.168l2.586%202.582Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%2017a4%204%200%201%201%204-4a4.005%204.005%200%200%201-4%204m0-6a2%202%200%201%200%202%202a2%202%200%200%200-2-2%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.819%206.65c.116-.121%201.864-1.919%202.888-2.943A1%201%200%200%200%2017%202C11.812%202%202%204.299%202%2013a7.9%207.9%200%200%200%203.181%206.35a370%20370%200%200%201-2.888%202.943A1%201%200%200%200%203%2024c5.188%200%2015-2.299%2015-11a7.9%207.9%200%200%200-3.181-6.35M9.706%2020.793a21%2021%200%200%201-4.093.985c.162-.166%202.769-2.905%202.769-2.905l-1.174-.607A5.91%205.91%200%200%201%204%2013c0-3.667%202.118-6.289%206.294-7.793a21%2021%200%200%201%204.093-.985c-.227.232-2.77%202.905-2.77%202.905l1.176.607A5.91%205.91%200%200%201%2016%2013c0%203.667-2.118%206.289-6.293%207.793M30%2017l-5-5l-5%205l1.413%201.416L24%2015.832V19a9.01%209.01%200%200%201-9%209h-3v2h3a11.013%2011.013%200%200%200%2011-11v-3.168l2.586%202.582Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/tropical-storm-model-tracks.svg?color=%231a73e8&size=48
